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 相关文章推荐
解释&amp;&amp;和||在javascript中的另类用法
Jul 28 Javascript
用JavaScript判断CSS浏览器类型前缀的两种方法
Oct 08 Javascript
jquery ajax局部加载方法详解(实现代码)
May 12 Javascript
js验证框架之RealyEasy验证详解
Jun 08 Javascript
利用js编写响应式侧边栏
Sep 17 Javascript
在localStorage中存储对象数组并读取的方法
Sep 24 Javascript
React入门教程之Hello World以及环境搭建详解
Jul 11 Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
微信小程序 wx:for遍历循环使用实例解析
Sep 09 Javascript
vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法
Nov 05 Javascript
小程序实现录音上传功能
Nov 22 Javascript
JS原型prototype和__proto__用法实例分析
Mar 14 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 字符串替换的方法
2012/01/10 PHP
PHP生成条形图的方法
2014/12/10 PHP
推荐十款免费 WordPress 插件
2015/03/24 PHP
PHP基于面向对象封装的分页类示例
2019/03/15 PHP
多广告投放代码 推荐
2006/11/13 Javascript
自动生成文章摘要的代码[JavaScript 版本]
2007/03/20 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
2013/08/09 Javascript
js判断手机号运营商的方法
2015/10/23 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
2017/01/19 Javascript
jQuery为某个div加入行样式
2017/06/09 jQuery
基于pako.js实现gzip的压缩和解压功能示例
2017/06/13 Javascript
Vue学习笔记进阶篇之vue-router安装及使用方法
2017/07/19 Javascript
vue非父子组件通信问题及解决方法
2018/06/11 Javascript
深入浅析Node环境和浏览器的区别
2018/08/14 Javascript
通过cordova将vue项目打包为webapp的方法
2019/02/02 Javascript
python以环状形式组合排列图片并输出的方法
2015/03/17 Python
Python3计算三角形的面积代码
2017/12/18 Python
分析python请求数据
2018/08/19 Python
python实现机器人卡牌
2019/10/06 Python
如何通过Python3和ssl实现加密通信功能
2020/05/09 Python
Python过滤序列元素的方法
2020/07/31 Python
CSS3制作日历实现代码
2012/01/21 HTML / CSS
全面解析HTML5中的标准属性与自定义属性
2016/02/18 HTML / CSS
html5 canvas实现给图片添加平铺水印
2019/08/20 HTML / CSS
King Apparel官网:英国街头服饰品牌
2019/09/05 全球购物
营销主管自我评价怎么写
2013/09/19 职场文书
经理秘书岗位职责
2013/11/14 职场文书
家长学校培训材料
2014/08/20 职场文书
小学生美德少年事迹材料
2014/08/24 职场文书
2014年党员整改措施范文
2014/09/21 职场文书
预备党员对照检查材料思想汇报
2014/09/24 职场文书
走进毛泽东观后感
2015/06/04 职场文书
2016中秋节问候语
2015/11/11 职场文书
PHP实现两种排课方式
2021/06/26 PHP
MySQL创建定时任务
2022/01/22 MySQL
Python echarts实现数据可视化实例详解
2022/03/03 Python