window物件的常見事件

2022-06-14 04:18:09 字數 871 閱讀 9840

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以上才支援...