更新時(shí)間:2021-09-01 11:14:18 來(lái)源:動(dòng)力節(jié)點(diǎn) 瀏覽12898次
首先最簡(jiǎn)單的方法。jquery的一種簡(jiǎn)寫形式:
alert("頁(yè)面加載完成!");
});
其對(duì)應(yīng)的完整形態(tài)為:
$(document).ready(function(){
alert("頁(yè)面加載完成!");
});
原生JS方法:
window.οnlοad=function(){
alert("頁(yè)面加載完成!");
}
這幾種方法在功能上的效果是一樣的,但是三者還是有一些區(qū)別。
jQuery中的頁(yè)面加載完畢事件,表示的是頁(yè)面結(jié)構(gòu)被加載完畢。$(document).ready(function() 只需要在瀏覽器把所有的HTML放入DOM tree之后就執(zhí)行js效果,包括在加載外部圖片等資源之前。
所以,建議使用方式:
樣式控制的,比如圖片大小控制,使用$(window).load();
jS事件觸發(fā)的方法,可以在$(document).ready()里面加載。
使用jq時(shí)一般都是這么開(kāi)始寫腳本的:
$(function(){
// do something
});
例如:
$(function() {
$("a").click(function() {
alert("Hello world!");
});
})
這個(gè)例子就是給所有的a標(biāo)簽綁定了一個(gè)click事件。即當(dāng)所有鏈接被鼠標(biāo)單擊的時(shí)候,都執(zhí)行 alert(“Hello World!”);
也就是說(shuō)頁(yè)面加載時(shí)綁定,真正該觸發(fā)時(shí)觸發(fā)。
其實(shí)這個(gè)就是jq ready()的簡(jiǎn)寫,它等價(jià)于:
$(document).ready(function(){
//do something
})
//或者下面這個(gè)方法,jQuer的默認(rèn)參數(shù)是:“document”;
$().ready(function(){
//do something
})
這個(gè)就是jq ready()的方法就是Dom Ready,他的作用或者意義就是:在DOM加載完成后就可以可以對(duì)DOM進(jìn)行操作。一般情況一個(gè)頁(yè)面響應(yīng)加載的順序是,域名解析-加載html-加載js和css-加載圖片等其他信息。那么Dom Ready應(yīng)該在“加載js和css”和“加載圖片等其他信息”之間,就可以操作Dom了。
以上就是動(dòng)力節(jié)點(diǎn)小編介紹的"jQuery頁(yè)面加載完畢后執(zhí)行事件",希望對(duì)大家有幫助,想了解更多可查看 jQuery教程。動(dòng)力節(jié)點(diǎn)在線學(xué)習(xí)教程,針對(duì)沒(méi)有任何Java基礎(chǔ)的讀者學(xué)習(xí),讓你從入門到精通,主要介紹了一些Java基礎(chǔ)的核心知識(shí),讓同學(xué)們更好更方便的學(xué)習(xí)和了解Java編程,感興趣的同學(xué)可以關(guān)注一下。
0基礎(chǔ) 0學(xué)費(fèi) 15天面授
有基礎(chǔ) 直達(dá)就業(yè)
業(yè)余時(shí)間 高薪轉(zhuǎn)行
工作1~3年,加薪神器
工作3~5年,晉升架構(gòu)
提交申請(qǐng)后,顧問(wèn)老師會(huì)電話與您溝通安排學(xué)習(xí)
初級(jí) 202925
初級(jí) 203221
初級(jí) 202629
初級(jí) 203743