欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javaScript和jQuery自動(dòng)加載簡(jiǎn)單代碼實(shí)現(xiàn)方法

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

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

一、JavaScript自動(dòng)加載

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

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

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

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

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

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

二、jQuery自動(dòng)加載

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

$(document).ready(function(){...});//寫(xiě)法1，全稱(chēng) 
$(function(){...});        //寫(xiě)法2，簡(jiǎn)寫(xiě) 
jQuery(function($){...});     //寫(xiě)法3，簡(jiǎn)寫(xiě)

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

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

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

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

相關(guān)文章

最新評(píng)論