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 相关文章推荐
Js 冒泡事件阻止实现代码
Jan 27 Javascript
禁止空格提交表单的js代码
Nov 17 Javascript
JS取文本框中最小值的简单实例
Nov 29 Javascript
jquery实现不包含当前项的选择器实例
Jun 25 Javascript
javascript实现3D变换的立体圆圈实例
Aug 06 Javascript
js实现文字在按钮上滚动的方法
Aug 20 Javascript
JavaScript的instanceof运算符学习教程
Jun 08 Javascript
jQuery实现邮箱下拉列表自动补全功能
Sep 08 Javascript
Javascript使用SWFUpload进行多文件上传
Nov 16 Javascript
转换layUI的数据表格中的日期格式方法
Sep 19 Javascript
React学习之受控组件与数据共享实例分析
Jan 06 Javascript
JS数组属性去重并校验重复数据
Jan 10 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 循环列出目录内容的函数代码
2010/05/26 PHP
php ajax 静态分页过程形式
2011/09/02 PHP
php实现的ping端口函数实例
2014/11/12 PHP
PHP获取HTTP body内容的方法
2018/12/31 PHP
基于JQuery的Select选择框的华丽变身
2011/08/23 Javascript
Jquery自定义button按钮的几种方法
2014/06/11 Javascript
Jquery实现动态切换图片的方法
2015/05/18 Javascript
分享12个实用的jQuery代码片段
2016/03/09 Javascript
jquery根据name取得select选中的值实例(超简单)
2018/01/25 jQuery
JavaScript中import用法总结
2019/01/20 Javascript
深入浅析vue中cross-env的使用
2019/09/12 Javascript
Vue单页面应用中实现Markdown渲染
2021/02/14 Vue.js
[47:50]Secret vs VP 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python命令行参数解析模块getopt使用实例
2015/04/13 Python
深入理解Python中range和xrange的区别
2017/11/26 Python
详解python的ORM中Pony用法
2018/02/09 Python
python3.7实现云之讯、聚合短信平台的短信发送功能
2019/09/26 Python
Python Numpy,mask图像的生成详解
2020/02/19 Python
Python 私有属性和私有方法应用场景分析
2020/06/19 Python
Python应用实现双指数函数及拟合代码实例
2020/06/19 Python
Python3 webservice接口测试代码详解
2020/06/23 Python
keras实现VGG16方式(预测一张图片)
2020/07/07 Python
Speedo美国:澳大利亚顶尖泳衣制造商
2016/08/03 全球购物
美国儿童运动鞋和服装零售商:Kids Foot Locker
2017/08/05 全球购物
eBay瑞士购物网站:eBay.ch
2018/12/24 全球购物
项目合作协议书范本
2014/04/16 职场文书
相亲大会策划方案
2014/06/05 职场文书
银行求职自荐信
2014/06/30 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
先进工作者申报材料
2014/12/23 职场文书
公司职员入党自传书
2015/06/26 职场文书
中国梦宣传标语口号
2015/12/26 职场文书
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js
pytorch 权重weight 与 梯度grad 可视化操作
2021/06/05 Python
悬疑名作《朋友游戏》动画无字ED宣传片 新角色公开
2022/04/13 日漫
TaiShan 200服务器安装Ubuntu 18.04的图文教程
2022/06/28 Servers