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 复杂的嵌套环境中输出单引号和双引号
May 26 Javascript
基于jQuery的遍历同id元素 并响应事件的代码
Jun 14 Javascript
eclipse如何忽略js文件报错(附图)
Oct 30 Javascript
浅谈javascript事件取消和阻止冒泡
May 26 Javascript
jQuery实现提示密码强度的代码
Jul 15 Javascript
三种Node.js写文件的方式
Mar 08 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
Jun 27 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
js鼠标移动时禁止选中文字
Feb 19 Javascript
js表单序列化判断空值的实例
Sep 22 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
Jan 31 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
Oct 26 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
PHPlet在Windows下的安装
2006/10/09 PHP
PHP性能优化准备篇图解PEAR安装
2011/12/05 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
使用PHPUnit进行单元测试并生成代码覆盖率报告的方法
2019/03/08 PHP
javascript 基础篇2 数据类型,语句,函数
2012/03/14 Javascript
用jQuery获取IE9下拉框默认值问题探讨
2013/07/22 Javascript
JavaScript中检测变量是否存在遇到的一些问题
2013/11/11 Javascript
jqueryUI里拖拽排序示例分析
2015/02/26 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
2015/03/10 Javascript
javascript引用类型指针的工作方式
2015/04/13 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
深入理解Node中的buffer模块
2017/06/03 Javascript
Vue退出登录时清空缓存的实现
2019/11/12 Javascript
前端开发基础javaScript的六大作用
2020/08/06 Javascript
vue实现简易计算器功能
2021/01/20 Vue.js
关于Js中new操作符的作用详解
2021/02/21 Javascript
[01:56]2014DOTA2西雅图邀请赛 MVP外卡赛老队长精辟点评
2014/07/09 DOTA
Python 数据结构之旋转链表
2017/02/25 Python
用Python删除本地目录下某一时间点之前创建的所有文件的实例
2017/12/14 Python
python 剪切移动文件的实现代码
2018/08/02 Python
python re库的正则表达式入门学习教程
2019/03/08 Python
tensorflow使用freeze_graph.py将ckpt转为pb文件的方法
2020/04/22 Python
css3的transform造成z-index无效解决方案
2014/12/04 HTML / CSS
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
澳洲CFL商城:CHEMIST FOR LESS(中文)
2021/02/28 全球购物
职称自我鉴定
2013/10/15 职场文书
优秀员工自荐书范文
2013/12/08 职场文书
大学生求职信范文应怎么写
2014/01/01 职场文书
元旦晚会上单位领导演讲稿
2014/01/05 职场文书
中班幼儿评语大全
2014/04/30 职场文书
大学生求职计划书
2014/04/30 职场文书
车间安全生产标语
2014/06/06 职场文书
关于旅游的活动方案
2014/08/15 职场文书
住房抵押登记委托书
2014/09/27 职场文书
趵突泉导游词
2015/02/03 职场文书
Python 实现绘制子图及子图刻度的变换等问题
2021/05/31 Python