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