编程 Javascript

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程序设计有所帮助。

jQuery ready()和onload的加载耗时分析

- Author -

onestopweb

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JQuery+JS实现仿百度搜索结果中关键字变色效果

Aug 02 Javascript

javascript 进阶篇3 Ajax 、JSON、 Prototype介绍

Mar 14 Javascript

javascript中的=等号个数问题两个跟三个有什么区别

Oct 23 Javascript

按Enter键触发事件的jquery方法实现代码

Feb 17 Javascript

jQuery入门介绍之基础知识

Jan 13 Javascript

javascript弹出页面回传值的方法

Jan 28 Javascript

简介JavaScript中的setTime()方法的使用

Jun 11 Javascript

javascript+html5+css3自定义提示窗口

Jun 21 Javascript

通过封装scroll.js 获取滚动条的值

Jul 13 Javascript

微信小程序用户信息encryptedData详解

Aug 24 Javascript

详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)

Nov 12 Javascript

vue自定义js图片碎片轮播图切换效果的实现代码

Apr 28 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