阅读(5.1k) 书签赞(0) 我要纠错

window属性：onload

2018-05-10 11:52 更新

onload属性

GlobalEventHandlers mixin的onload属性是一个事件处理程序, 用于Window、XMLHttpRequest、<img>元素等的加载事件，在资源加载时会触发。

onload属性语法

window.onload = funcRef;

onload属性值

funcRef是窗口load事件触发时要调用的处理函数。

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事件触发在文件加载过程结束的时候。此时，文档中的所有对象都位于DOM中，并且所有图像，脚本，链接和子框架都已完成加载。

还有一些Gecko特定的DOM事件，例如DOMContentLoaded和DOMFrameContentLoaded（可以使用EventTarget.addEventListener()处理）在构建页面的DOM后触发，但不要等待其他资源完成加载。

规范

规范	状态	注释
HTML Living Standard 该规范中的'onload'的定义。	Living Standard	初始定义

浏览器兼容性

我们正在将兼容性数据转换为机器可读的JSON格式。

电脑端

特征	Chrome	Edge	Firefox（Gecko）	Internet Explorer	Opera	Safari（WebKit）
基本支持	支持	支持	？	？	？	？

移动端

特征	Android	Android Webview	Edge	Firefox Mobile (Gecko)	Firefox OS	IE Mobile	Opera Mobile	Safari Mobile	Chrome for Android
基本支持	?	支持	支持	?	?	?	?	?	支持

以上内容是否对您有帮助：

← window属性：onlanguagechange

window属性：onloadend →

写笔记

我要补充