编程 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 相关文章推荐

javascript中直接引用Microsoft的COM生成Word

Jan 20 Javascript

window.location.reload 刷新使用分析(去对话框)

Nov 11 Javascript

jQuery基于muipicker实现仿ios时间选择

Feb 22 Javascript

PassWord输入框代码分享

Jun 07 Javascript

使用js获取地址栏参数的方法推荐(超级简单)

Jun 14 Javascript

基于JS实现网页中的选项卡（两种方法）

Jun 16 Javascript

JS 组件系列之BootstrapTable的treegrid功能

Jun 16 Javascript

elemetUi 组件--el-upload实现上传Excel文件的实例

Oct 27 Javascript

使用jQuery 操作table 完成单元格合并的实例

Dec 27 jQuery

实现jquery放大镜的两种方法

Feb 22 jQuery

详解vue 图片上传功能

Apr 30 Javascript

js+canvas实现图片格式webp/png/jpeg在线转换

Aug 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