window屬性：onload

2018-05-10 11:52 更新

onload屬性

GlobalEventHandlers mixin的onload屬性是一個(gè)事件處理程序, 用于Window、XMLHttpRequest、<img>元素等的加載事件，在資源加載時(shí)會觸發(fā)。

onload屬性語法

window.onload = funcRef;

onload屬性值

funcRef是窗口load事件觸發(fā)時(shí)要調(diào)用的處理函數(shù)。

onload屬性示例

window.onload = function() {
  init();
  doSomethingElse();
};
<!doctype html>
<html>
  <head>
    <title>onload test</title>
    // ES5
    <script>
      function load() {
        console.log("load event detected!");
      }
      window.onload = load;
    </script>
    // ES2015 
    <script>
      const load = () => {
        console.log("load event detected!");
      } 
      window.onload = load; 
    </script>
  </head>
  <body>
    <p>The load event fires when the document has finished loading!</p>
  </body>
</html>

筆記

該load事件觸發(fā)在文件加載過程結(jié)束的時(shí)候。此時(shí)，文檔中的所有對象都位于DOM中，并且所有圖像，腳本，鏈接和子框架都已完成加載。

還有一些Gecko特定的DOM事件，例如DOMContentLoaded和DOMFrameContentLoaded（可以使用EventTarget.addEventListener()處理）在構(gòu)建頁面的DOM后觸發(fā)，但不要等待其他資源完成加載。

規(guī)范

規(guī)范 狀態(tài) 注釋
HTML Living Standard
該規(guī)范中的'onload'的定義。
 Living Standard
 初始定義

瀏覽器兼容性

我們正在將兼容性數(shù)據(jù)轉(zhuǎn)換為機(jī)器可讀的JSON格式。

  • 電腦端
特征 Chrome
 Edge
 Firefox（Gecko）
 Internet Explorer
 Opera
 Safari（WebKit）
基本支持 支持 支持 ？ ？ ？ ？ 
  • 移動端

特征AndroidAndroid WebviewEdgeFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari MobileChrome for Android
基本支持?支持支持?????支持
以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號