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