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 相关文章推荐
onclick与listeners的执行先后问题详细解剖
Jan 07 Javascript
不使用浏览器运行javascript代码的方法
Jul 24 Javascript
Js实现双击鼠标自动滚动屏幕的示例代码
Dec 14 Javascript
ParseInt函数参数设置介绍
Jan 02 Javascript
javascript使用数组的push方法完成快速排序
Sep 15 Javascript
对JavaScript中this指针的新理解分享
Jan 31 Javascript
JQuery操作元素的css样式
Mar 09 Javascript
使用JQuery实现智能表单验证功能
Mar 08 Javascript
Auto.js自动收取自己和好友蚂蚁森林能量脚本
Jun 28 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
Sep 04 Javascript
ES6中字符串的使用方法扩展
Jun 04 Javascript
React 高阶组件HOC用法归纳
Jun 13 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 的几个配置文件函数
2006/12/21 PHP
PHP包含文件函数include、include_once、require、require_once区别总结
2014/04/05 PHP
写一段简单的PHP建立文件夹代码
2015/01/06 PHP
PHP实现验证码校验功能
2017/11/16 PHP
jquery ready函数源代码研究
2009/12/06 Javascript
在JS数组特定索引处指定位置插入元素的技巧
2014/08/24 Javascript
jquery中post方法用法实例
2014/10/21 Javascript
jQuery中ajax的post()方法用法实例
2014/12/26 Javascript
javascript实现连续赋值
2015/08/10 Javascript
javascript创建对象、对象继承的实用方式详解
2016/03/08 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
2016/07/24 Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
2016/08/02 Javascript
jQuery Plupload上传插件的使用
2017/04/19 jQuery
一步步教你利用webpack如何搭一个vue脚手架(超详细讲解和注释)
2018/01/08 Javascript
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
2018/09/15 Javascript
js实现表格单列按字母排序
2020/08/12 Javascript
[01:05:32]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第一局
2016/03/04 DOTA
[48:29]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS KG
2018/03/31 DOTA
Python处理json字符串转化为字典的简单实现
2016/07/07 Python
python使用正则表达式替换匹配成功的组
2017/11/17 Python
Empty test suite.(PyCharm程序运行错误的解决方法)
2018/11/30 Python
解决python中无法自动补全代码的问题
2018/12/04 Python
详解python项目实战:模拟登陆CSDN
2019/04/04 Python
网易有道2017内推编程题 洗牌(python)
2019/06/19 Python
Python requests获取网页常用方法解析
2020/02/20 Python
Python不支持 i ++ 语法的原因解析
2020/07/22 Python
英国领先的在线药房:Pharmacy First
2017/09/10 全球购物
Speedo速比涛德国官方网站:世界领先的泳装品牌
2019/08/26 全球购物
Blank NYC官网:夹克、牛仔裤等
2020/12/16 全球购物
教师业务学习制度
2014/01/25 职场文书
辞职信如何写
2015/02/27 职场文书
大学推普周活动总结
2015/05/07 职场文书
2015毕业设计工作总结
2015/07/24 职场文书
原来实习报告是这样写的呀!
2019/07/03 职场文书
goland 设置project gopath的操作
2021/05/06 Golang
解决SpringBoot跨域的三种方式
2021/06/26 Java/Android