當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
javascript 窗口加载事件相关问题
生活随笔
收集整理的這篇文章主要介紹了
javascript 窗口加载事件相关问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
window.onload是窗口(頁面)加載事件,當文檔內容完全加載完成會觸發該事件(包括圖像、腳本文件、CSS文件等),就調用的處理函數;
有了window.onload就可以把JS代碼寫到頁面元素的上方,因為onload是等頁面內容全部加載完畢,再去執行處理函數;
window.onload傳統注冊事件方式只能寫一次,如果有多個,會以最后-個window.onload為準;
如果使用addEventListener則沒有限制;
DOMContentLoaded事件觸發時,僅當DOM加載完成,不包括樣式表,圖片, flash等;
? ? le9以上才支持;
? ? 如果頁面的圖片很多的話,從用戶訪問到onload觸發可能需要較長的時間,可用DOMContentl oaded事件;
運行情況;
? ? 先彈出這個;這是DOM加載完成彈的;
?
然后這個;
?
點擊按鈕彈這個;因為代碼是用addEventListener注冊的加載事件;
?
HTML 的DOM querySelector()方法可以不需要額外的jQuery等支持,也可以方便的獲取DOM元素,語法跟jQuery類似;
querySelector() 方法僅僅返回匹配指定選擇器的第一個元素;?
? ? 這個我也是第一次見;看上去沒錯;
總結
以上是生活随笔為你收集整理的javascript 窗口加载事件相关问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JavaScript字符串的单引号和双引
- 下一篇: Linux gcc 基本选项