onload,window.onload,DOMcontentLoaded

onload事件

定義和用法
onload 事件會在頁面或圖像加載完成後當即發生。html

語法瀏覽器

onload="SomeJavaScriptCode"

參數 描述框架

SomeJavaScriptCode    必需。規定該事件發生時執行的 JavaScript。

支持該事件的 HTML 標籤:code

<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>

支持該事件的 JavaScript 對象:htm

image, layer, window

window.onload

何時觸發?對象

在文檔加載完成後能當即觸發

window.onload的用法blog

頁面中的代碼通常狀況下按照,從上到下,從左到右的順序執行。
因此js代碼須要獲取頁面中的元素時,若是script標籤在元素的前面,須要加window.onload;若是script放在了元素後面,就不須要加 window.onload。事件

DOMContentLoaded

何時觸發?ip

初始的 HTML 文檔被徹底加載和解析完成以後,(瀏覽器DOM樹造成以後)而無需等待樣式表、圖像和子框架的完成加載。可是必須等待其所屬script以前的樣式表加載解析完成纔會觸發文檔

用法
jQuery 中常用的 $(document).ready(function() { // ...代碼... }); 其實監聽的就是 DOMContentLoaded 事件

兩者區別詳解

看這裏

相關文章
相關標籤/搜索