快捷導(dǎo)航

jQuery ready()和onload的加載耗時分析

更新時間：2016年09月08日 10:12:06 作者：onestopweb

這篇文章主要介紹了jQuery ready()和onload的加載耗時,結(jié)合實例形式對比分析了jQuery中的ready()和JavaScript的window.onload進行頁面加載的時間,需要的朋友可以參考下

本文實例講述了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>

效果圖如下：

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴展技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對大家jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

EasyUI在表單提交之前進行驗證的實例代碼
這篇文章主要介紹了EasyUI在表單提交之前進行驗證的實例代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-06-06
jquery通過visible來判斷標(biāo)簽是否顯示或隱藏
這篇文章主要介紹了jquery如何判斷標(biāo)簽是否顯示或隱藏，使用到了visible屬性，大家可以學(xué)習(xí)下
2014-05-05
JQuery的Validation插件中Remote驗證的中文問題
前段時間，再次出現(xiàn)AJAX中文編碼問題，導(dǎo)致會員名重復(fù)檢測失敗，不過這次出現(xiàn)問題的是Validation插件的remote驗證。
2010-07-07
jQuery實現(xiàn)為LI列表前3行設(shè)置樣式的方法【2種方法】
這篇文章主要介紹了jQuery實現(xiàn)為LI列表前3行設(shè)置樣式的方法,結(jié)合實例形式分析了css控制及jQuery元素獲取2種實現(xiàn)方法,需要的朋友可以參考下
2016-09-09
EasyUI創(chuàng)建人員樹的實例代碼
最近做項目做一個樹狀的下拉列表，下面小編把easyUI創(chuàng)建人員樹的實現(xiàn)代碼分享到腳本之家平臺，需要的朋友參考下吧
2017-09-09
基于JQuery的列表拖動排序?qū)崿F(xiàn)代碼
基于JQuery的拖動插件有幾個都相當(dāng)好用，效果也很好，但再好，還是自己琢磨一個最好。所以，我的理念就是即使實際項目中使用別人的程序，自己也得根據(jù)自己的理解和想法寫一個出來。那么今天，就來看看我的思路是不是可以實現(xiàn)拖動排序的功能
2013-10-10
使用js+jquery實現(xiàn)無限極聯(lián)動
本篇文章是對可擴展的無限極聯(lián)動下拉選項的實例進行了分析介紹，需要的朋友參考下
2013-05-05
基于jQuery選擇器之表單對象屬性篩選選擇器的實例
下面小編就為大家?guī)硪黄猨Query選擇器之表單對象屬性篩選選擇器實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
在Web項目中引入Jquery插件報錯的完美解決方案(圖解)
這篇文章主要介紹了在Web項目中引入Jquery插件報錯的完美解決方案的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-09-09
Jquery-data的三種用法
本篇文章主要介紹了Jquery-data的三種用法。具有很好的參考價值。下面跟著小編一起來看下吧
2017-04-04