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获取通过ajax返回的map型的JSONArray的方法
Jan 09 Javascript
解决checkbox的attr(checked)一直为undefined问题
Jun 16 Javascript
详解JavaScript操作HTML DOM的基本方式
Oct 21 Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 Javascript
详解jQuery简单的表格应用
Dec 16 Javascript
滚动条的监听与内容随着滚动条动态加载的实现
Feb 08 Javascript
使用 Node.js 对文本内容分词和关键词抽取
May 27 Javascript
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
详解Vue快速零配置的打包工具——parcel
Jan 16 Javascript
javascript实现商品图片放大镜
Nov 28 Javascript
vue新建项目并配置标准路由过程解析
Dec 09 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
Jul 22 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/10/09 PHP
PHP入门
2006/10/09 PHP
PHP CodeBase:将时间显示为&quot;刚刚&quot;&quot;n分钟/小时前&quot;的方法详解
2013/06/06 PHP
浅谈PHP安全防护之Web攻击
2017/01/03 PHP
php 中的closure用法详解
2017/06/12 PHP
Laravel 框架路由原理与路由访问实例分析
2020/04/14 PHP
jQuery EasyUI API 中文文档 - EasyLoader 加载器
2011/09/29 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
2015/03/24 Javascript
iScroll.js 使用方法参考
2016/05/16 Javascript
jQuery使用zTree插件实现可拖拽的树示例
2017/09/23 jQuery
JavaScript框架Angular和React深度对比
2017/11/20 Javascript
详解Vue 中 extend 、component 、mixins 、extends 的区别
2017/12/20 Javascript
150行代码带你实现微信小程序中的数据侦听
2019/05/17 Javascript
小程序登录/注册页面设计的实现代码
2019/05/24 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
2019/07/27 Javascript
layui关闭层级、简单监听的实例
2019/09/06 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
2019/12/25 Javascript
通过实例了解Javascript柯里化流程
2020/03/03 Javascript
微信小程序实现滑动操作代码
2020/04/23 Javascript
Vue中函数防抖节流的理解及应用实现
2020/04/24 Javascript
vue 子组件和父组件传值的示例
2020/09/11 Javascript
Django Rest framework认证组件详细用法
2019/07/25 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
python批量将excel内容进行翻译写入功能
2019/10/10 Python
Python socket实现的文件下载器功能示例
2019/11/15 Python
tensorflow使用freeze_graph.py将ckpt转为pb文件的方法
2020/04/22 Python
世界上最好的帽子:Tilley
2016/11/27 全球购物
美国领先的低折扣旅行网站:Hotwire
2019/01/19 全球购物
美国亚马逊旗下男装网站:East Dane(支持中文)
2019/09/25 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述。
2015/11/09 面试题
农村党支部先进事迹
2014/01/14 职场文书
文字自荐书范文
2014/02/10 职场文书
《陋室铭》教学反思
2014/02/26 职场文书
创先争优活动承诺书
2014/08/30 职场文书
会计专业2019暑假实习报告
2019/06/21 职场文书
MySQL命令无法输入中文问题的解决方式
2021/08/30 MySQL