在此之前我們給大家整理過用javaScript和jQuery自動加載的幾種方法,大家可以參考一下:javaScript 頁面自動加載事件詳解
一、JavaScript自動加載
①在文本中用onload: 當頁面中所有內容(包括圖片)加載完后再執行onload,如下:
<body onload="alert(1)"></body> <!-- 當有一個onload --><body onload="alert(2);alert(3);alert(4)"></body> <!-- 當有多個onload用分號隔開,依次彈出 2 3 4 -->
②在腳本中用window.onload: 當頁面中的所有內容(包括圖片)加載完后再執行window.onload,如下:
window.onload = function(){...}; //正確寫法,這是匿名函數//------------↓多個window.onload的錯誤寫法-------------window.onload = function(){alert("text1");}; //不執行window.onload = function(){alert("text2");}; //執行//------------↑---------------------------------------//------------↓多個window.onload的正確寫法---------------------------window.attachEvent("onload",function(){alert('a')});window.attachEvent("onload",function(){alert('b')});window.attachEvent("onload",function(){alert('c')});//重點提示:在IE瀏覽器下用 (window.attachEvent),會彈出 c b a //重點提示:其他瀏覽器下用 (window.addEventListener),會彈出 a b c//------------↑-----------------------------------------------------二、jQuery自動加載
①當頁面中DOM結構(不包含圖片)加載完后再執行(可能DOM元素關聯的東西并沒有加載完),有三種寫法,如下:
$(document).ready(function(){...});//寫法1,全稱 $(function(){...}); //寫法2,簡寫 jQuery(function($){...}); //寫法3,簡寫 ②頁面中所有元素(包括圖片)加載完成才執行,如下。
$(window).load(function() {...}); //等于JavaScript的寫法,如window.onload = function(){...};③立即執行匿名函數。 當一個匿名函數被括起來,然后再在后面加一個括號,這個匿名函數就能立即運行起來,有兩種寫法,如下:
(function(){...})(); //寫法1,不加參數(function($){...})(jQuery); //寫法2,加參數,避免與其他變量發生沖突新聞熱點
疑難解答