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 相关文章推荐
jQuery DOM操作小结与实例
Jan 07 Javascript
一个封装js代码-----展开收起效果示例
Jul 03 Javascript
js 浏览本地文件夹系统示例代码
Oct 24 Javascript
jquery easyui中treegrid用法的简单实例
Feb 18 Javascript
JQuery创建DOM节点的方法
Jun 11 Javascript
jquery常用函数与方法汇总
Sep 01 Javascript
BootStrap实现树形目录组件代码详解
Jun 21 Javascript
html中鼠标滚轮事件onmousewheel的处理方法
Nov 11 Javascript
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
May 30 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
Aug 17 Javascript
微信小程序开发背景图显示功能
Aug 08 Javascript
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
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 获取当前访问的url文件名的方法小结
2010/02/08 PHP
ThinkPHP 连接Oracle数据库的详细教程[全]
2012/07/16 PHP
php Xdebug的安装与使用详解
2013/06/20 PHP
smarty缓存用法分析
2014/12/16 PHP
jquery里的each使用方法详解
2010/12/22 Javascript
Jquery树插件zTree用法入门教程
2015/02/17 Javascript
javascript中indexOf技术详解
2015/05/07 Javascript
用nodejs的实现原理和搭建服务器(动态)
2016/08/10 NodeJs
jQuery编写textarea输入字数限制代码
2017/03/23 jQuery
vue学习笔记之指令v-text &amp;&amp; v-html &amp;&amp; v-bind详解
2017/05/12 Javascript
vue单页面实现当前页面刷新或跳转时提示保存
2018/11/02 Javascript
nodejs通过钉钉群机器人推送消息的实现代码
2019/05/05 NodeJs
jQuery 淡入/淡出效果函数用法分析
2020/05/19 jQuery
详解JavaScript之Array.reduce源码解读
2020/11/01 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
2020/11/19 Javascript
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
Python入门篇之面向对象
2014/10/20 Python
python实现简单聊天应用 python群聊和点对点均实现
2017/09/14 Python
Python正则表达式和元字符详解
2018/11/29 Python
python 自动重连wifi windows的方法
2018/12/18 Python
python for和else语句趣谈
2019/07/02 Python
Python搭建Spark分布式集群环境
2019/07/05 Python
Python-jenkins 获取job构建信息方式
2020/05/12 Python
Python实现将元组中的元素作为参数传入函数的操作
2020/06/05 Python
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
全球速卖通法国在线交易平台:AliExpress法国
2017/07/07 全球购物
如何高效率的查找一个月以内的数据
2012/04/15 面试题
恐龙的灭绝教学反思
2014/02/12 职场文书
国贸专业求职信
2014/06/28 职场文书
新教师培训心得体会
2014/09/02 职场文书
公司感恩节活动策划书
2014/10/11 职场文书
党的群众路线教育实践活动个人对照检查材料(四风)
2014/11/05 职场文书
简单的辞职信怎么写
2015/02/28 职场文书
浅谈Python中的函数(def)及参数传递操作
2021/05/25 Python
Go 语言结构实例分析
2021/07/04 Golang
pandas进行数据输入和输出的方法详解
2022/03/23 Python