jQuery ready()和onload的加载耗时分析


Posted in Javascript onSeptember 08, 2016

本文实例讲述了jQuery ready()和onload的加载耗时。分享给大家供大家参考,具体如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
  var startTime = new Date().getTime();
  $(document).ready(function(){
    test1();
 })
 function test1(){
   var endTime2 = new Date().getTime();
   var a = endTime2 - startTime;
   $("<div>jQuery的ready() : "+a+" ms</div>").appendTo("body");
 }
 function test2(){
    var endTime1 = new Date().getTime();
    var b = endTime1 - startTime;
    $("<p>JavaScript的window.onload : "+b+" ms</p>").appendTo("body");
 }
</script>
</head>
<body onload="test2();">
  <img src="img/demo.jpg" style="width:200px;height:200px;"/>
</body>
</html>

效果图如下:

jQuery ready()和onload的加载耗时分析

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
jQuery提示效果代码分享
Nov 20 Javascript
纯JS实现旋转图片3D展示效果
Apr 12 Javascript
跟我学习javascript的全局变量
Nov 16 Javascript
简单的JS时钟实例讲解
Jan 13 Javascript
jQuery图片左右滚动代码 有左右按钮实例
Jun 20 Javascript
webix+springmvc session超时跳转登录页面
Oct 30 Javascript
bootstrap中的 form表单属性role=&quot;form&quot;的作用详解
Jan 20 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
Feb 14 Javascript
Angular中的interceptors拦截器
Jun 25 Javascript
微信小程序新手教程之页面打开数量限制
Mar 03 Javascript
JavaScript剩余操作符Rest Operator详解
Jul 20 Javascript
vue循环数组改变点击文字的颜色
Oct 14 Javascript
Angularjs实现mvvm式的选项卡示例代码
Sep 08 #Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 #Javascript
jQuery事件绑定用法详解
Sep 08 #Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
Sep 08 #Javascript
利用AngularJs实现京东首页轮播图效果
Sep 08 #Javascript
Vue.js每天必学之组件与组件间的通信
Sep 08 #Javascript
JS输出空格的简单实现方法
Sep 08 #Javascript
You might like
PHP变量内存分配问题记录整理
2013/11/27 PHP
9个经典的PHP代码片段分享
2014/12/18 PHP
yii2分页之实现跳转到具体某页的实例代码
2016/06/02 PHP
Yii 2.0中场景的使用教程
2017/06/02 PHP
PHP实现字符串大小写转函数的功能实例
2019/02/06 PHP
详解PHP多个进程配合redis的有序集合实现大文件去重
2019/03/06 PHP
JavaScript 模仿vbs中的 DateAdd() 函数的代码
2007/08/13 Javascript
JQuery this 和 $(this) 的区别
2009/08/23 Javascript
jQuery之日期选择器的深入解析
2013/06/19 Javascript
nodejs实现获取当前url地址及url各种参数值
2015/06/25 NodeJs
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
jquery获取文档高度和窗口高度汇总
2016/01/25 Javascript
jQuery EasyUI 页面加载等待及页面等待层
2017/02/06 Javascript
js实现日历与定时器
2017/02/22 Javascript
JS图片预加载插件详解
2017/06/21 Javascript
JS实现弹出下载对话框及常见文件类型的下载
2017/07/13 Javascript
vue实现简单loading进度条
2018/06/06 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
2018/08/13 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
2019/01/18 Javascript
js计时事件实现圆形时钟
2020/03/25 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
2020/05/10 Javascript
微信小程序picker组件两列关联使用方式
2020/10/27 Javascript
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
Django model反向关联名称的方法
2018/12/15 Python
python安装scipy的步骤解析
2019/09/28 Python
Python定时器线程池原理详解
2020/02/26 Python
python实现批量转换图片为黑白
2020/06/16 Python
Python 存取npy格式数据实例
2020/07/01 Python
python3.6中anaconda安装sklearn踩坑实录
2020/07/28 Python
python 基于UDP协议套接字通信的实现
2021/01/22 Python
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
Mixbook加拿大:照片书,照片卡,剪贴簿,年历和日历
2017/02/21 全球购物
毕业生就业推荐信范文
2013/12/01 职场文书
社区党建工作汇报材料
2014/08/14 职场文书
医院领导班子四风对照检查材料
2014/09/27 职场文书
原告离婚代理词
2015/05/23 职场文书