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 相关文章推荐
DIV外区域Click后关闭DIV的实现代码
Dec 21 Javascript
关于JavaScript中原型继承中的一点思考
Jul 25 Javascript
js修改table中Td的值(定义td的双击事件)
Jan 10 Javascript
深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
Mar 05 Javascript
js中最容易被忽视的事件问题大总结
May 15 Javascript
AngularJS入门教程之表格实例详解
Jul 27 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
Vue单文件组件基础模板小结
Aug 10 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
Sep 15 Javascript
React根据宽度自适应高度的示例代码
Oct 11 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
Dec 30 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
Dec 09 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无限遍历文件夹示例分享
2014/03/04 PHP
php基于curl扩展制作跨平台的restfule 接口
2015/05/11 PHP
PHP实现浏览器格式化显示XML的方法示例
2019/01/22 PHP
JavaScript实现url地址自动检测并添加URL链接示例代码
2013/11/12 Javascript
无闪烁更新网页内容JS实现
2013/12/19 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
使用原生js写的一个简单slider
2014/04/29 Javascript
使用GruntJS构建Web程序之构建篇
2014/06/04 Javascript
jquery插件hiAlert实现网页对话框美化
2015/05/03 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
2017/10/08 Javascript
微信小程序云开发详细教程
2019/05/16 Javascript
javascript面向对象三大特征之继承实例详解
2019/07/24 Javascript
Vue v-model组件封装(类似弹窗组件)
2020/01/08 Javascript
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
[10:21]2018DOTA2国际邀请赛寻真——Winstrike
2018/08/11 DOTA
Python的Socket编程过程中实现UDP端口复用的实例分享
2016/03/19 Python
Python3中的列表,元组,字典,字符串相关知识小结
2017/11/10 Python
浅谈Python traceback的优雅处理
2018/08/31 Python
Python实现TCP通信的示例代码
2019/09/09 Python
HTML5等待加载动画效果
2017/07/27 HTML / CSS
GUESS德国官网:美国牛仔服装品牌
2017/02/14 全球购物
Viking Direct爱尔兰:办公用品和家具
2019/11/21 全球购物
The Outnet亚太地区:折扣设计师时装店
2019/12/05 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
C#实现对任一张表的数据进行增,删,改,查要求,运用Webservice,体现出三层架构
2014/07/11 面试题
技术经理的自我评价范文
2013/12/03 职场文书
家长给孩子的评语
2014/01/30 职场文书
环保小标语
2014/06/13 职场文书
员工生日活动方案
2014/08/24 职场文书
委托书怎样写
2014/08/30 职场文书
后勤个人工作总结
2015/02/28 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
2015大学党建带团建工作总结
2015/07/23 职场文书
python自动计算图像数据集的RGB均值
2021/06/18 Python
各国货币符号大全
2022/02/17 杂记
部分武汉产收音机展览
2022/04/07 无线电