亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

javaScript和jQuery自動加載簡單代碼實現(xiàn)方法

 更新時間：2017年11月24日 12:08:34   投稿：laozhang  
給大家介紹一下利用javaScript和jQuery實現(xiàn)自動加載最簡單的代碼寫法。

在此之前我們給大家整理過用javaScript和jQuery自動加載的幾種方法，大家可以參考一下：javaScript 頁面自動加載事件詳解

一、JavaScript自動加載

①在文本中用onload： 當(dāng)頁面中所有內(nèi)容（包括圖片）加載完后再執(zhí)行onload，如下：

<body onload="alert(1)"></body>          <!-- 當(dāng)有一個onload -->
<body onload="alert(2);alert(3);alert(4)"></body> <!-- 當(dāng)有多個onload用分號隔開,依次彈出 2 3 4 -->

②在腳本中用window.onload： 當(dāng)頁面中的所有內(nèi)容（包括圖片）加載完后再執(zhí)行window.onload，如下：

window.onload = function(){...}; //正確寫法，這是匿名函數(shù)

//------------↓多個window.onload的錯誤寫法-------------
window.onload = function(){alert("text1");}; //不執(zhí)行
window.onload = function(){alert("text2");}; //執(zhí)行
//------------↑---------------------------------------

//------------↓多個window.onload的正確寫法---------------------------
window.attachEvent("onload",function(){alert('a')});
window.attachEvent("onload",function(){alert('b')});
window.attachEvent("onload",function(){alert('c')});
//重點(diǎn)提示：在IE瀏覽器下用 (window.attachEvent)，會彈出 c b a 
//重點(diǎn)提示：其他瀏覽器下用 (window.addEventListener)，會彈出 a b c
//------------↑-----------------------------------------------------

二、jQuery自動加載

①當(dāng)頁面中DOM結(jié)構(gòu)（不包含圖片）加載完后再執(zhí)行（可能DOM元素關(guān)聯(lián)的東西并沒有加載完），有三種寫法，如下：

$(document).ready(function(){...});//寫法1，全稱 
$(function(){...});        //寫法2，簡寫 
jQuery(function($){...});     //寫法3，簡寫

②頁面中所有元素（包括圖片）加載完成才執(zhí)行，如下。

$(window).load(function() {...}); //等于JavaScript的寫法，如window.onload = function(){...};

③立即執(zhí)行匿名函數(shù)。 當(dāng)一個匿名函數(shù)被括起來，然后再在后面加一個括號，這個匿名函數(shù)就能立即運(yùn)行起來，有兩種寫法，如下：

(function(){...})();    //寫法1，不加參數(shù)
(function($){...})(jQuery); //寫法2，加參數(shù)，避免與其他變量發(fā)生沖突

相關(guān)文章

最新評論