window.onload = function() 或者
window.addeventlistener("load", function(){})
window.onload是視窗(頁面)載入事件,當文件內容完全載入完會觸發該事件(包括影象、指令碼檔案、css檔案等),就呼叫的處理函式。
注意:1.有了window.onload就可以把js**寫在頁面元素的上方,因為onload是等頁面內容全部載入完畢,再去執行處理函式。
2.window.onload傳統註冊事件方式只能寫一次,如果有多個,以最後乙個window.onload為準。
3.如果使用addeventlistener則沒有限制。
document.addeventlistener('domcontentloaded', function(){})
domcontentloaded事件觸發時,僅當dom載入完畢,不包括樣式表、、flash等等。ie9以上才支援。如果頁面的很多的話,從使用者訪問到onload觸發可能需要較長的時間,互動效果就不能實現,必然會影響使用者的體驗,
此時用domcontentloaded事件比較合適。
window.onresize = function() window.addeventlistener("resize", function(){});
window.onresize是調整視窗大小載入事件,當觸發時就呼叫的處理函式。
注意:1.只要視窗大小發生畫素變化,就會觸發這個事件。
2.我們經常利用這個事件完成響應式布局。window.innerwidth當前螢幕的寬度。
window 物件常見的事件
1.頁面載入事件 方式1 window.onload function window.addeventlistener load function window.onload 是視窗 頁面 載入事件,當文件內容完全載入成功,就會觸發該事件 包括影象,指令碼檔案,css檔案等 就呼叫的處理函式。注意 ...
BOM 概述 window物件常見事件
bom browser object model 提供了獨立於內容而與瀏覽器視窗進行互動的物件,其核心物件是window。j ascript的標準組織是ecmascript,dom標準化組織是w3c,而bom缺乏標準,是netscape瀏覽器標準的一部分。bom由一系列相關的物件構成,並且每個物件都...
window常見事件onload
頁面 視窗 載入事件 2種 第1種 window.onload 是視窗 頁面 載入事件,當文件內容完全載入完成會觸發該事件 包括影象 指令碼檔案 css 檔案等 就呼叫的處理函式。第2種 domcontentloaded 事件觸發時,僅當dom載入完成,不包括樣式表,flash等等。ie9以上才支援...