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 相关文章推荐
Javascript 布尔型分析
Dec 22 Javascript
JavaScript打开word文档的实现代码(c#)
Apr 16 Javascript
简单介绍JavaScript中字符串创建的基本方法
Jul 07 Javascript
JQuery实现级联下拉框效果实例讲解
Sep 17 Javascript
JS获取url参数、主域名的方法实例分析
Aug 03 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
Sep 01 Javascript
javascript 组合按键事件监听实现代码
Feb 21 Javascript
Angular开发者指南之入门介绍
Mar 05 Javascript
Vue分页组件实例代码
Apr 17 Javascript
JavaScript生成指定范围的时间列表
Mar 19 Javascript
JavaScript数组去重的几种方法
Apr 07 Javascript
Vue如何循环提取对象数组中的值
Nov 18 Vue.js
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远程调试之XDEBUG
2015/12/29 PHP
功能强大的PHP发邮件类
2016/08/29 PHP
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
JavaScript实现删除,移动和复制文件的方法
2015/08/05 Javascript
JavaScript中的return语句简单介绍
2015/12/07 Javascript
Javascript字符串常用方法详解
2016/07/21 Javascript
jQuery事件对象总结
2016/10/17 Javascript
Javascript+CSS3实现进度条效果
2016/10/28 Javascript
angularjs实现多张图片上传并预览功能
2017/02/24 Javascript
node.js中路由,中间件,ge请求和post请求的参数详解
2017/12/26 Javascript
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
Vue.js项目中管理每个页面的头部标签的两种方法
2018/06/25 Javascript
vue2.0 路由模式mode=&quot;history&quot;的作用
2018/10/18 Javascript
Vue混入mixins滚动触底的方法
2019/11/22 Javascript
python中迭代器(iterator)用法实例分析
2015/04/29 Python
Python实现按当前日期(年、月、日)创建多级目录的方法
2018/04/26 Python
基于python神经卷积网络的人脸识别
2018/05/24 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
python yield关键词案例测试
2019/10/15 Python
python实现人像动漫化的示例代码
2020/05/17 Python
QML实现钟表效果
2020/06/02 Python
如何更换python默认编辑器的背景色
2020/08/10 Python
python如何实时获取tcpdump输出
2020/09/16 Python
历史专业毕业生的自我鉴定
2013/11/15 职场文书
年会活动策划方案
2014/01/23 职场文书
学校安全检查制度
2014/01/27 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书
离职证明格式样本
2015/06/12 职场文书
初中班主任培训心得体会
2016/01/07 职场文书
《鸡兔同笼》教学反思
2016/02/19 职场文书
PHP连接MSSQL数据库案例,PHPWAMP多个PHP版本连接SQL Server数据库
2021/04/16 PHP
关于python pygame游戏进行声音添加的技巧
2021/10/24 Python
Mysql事务索引知识汇总
2022/03/17 MySQL
Python的代理类实现,控制访问和修改属性的权限你都了解吗
2022/03/21 Python
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers