window属性:onload

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)
基本支持 支持 支持 ? 
  • 移动端

特征AndroidAndroid WebviewEdgeFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari MobileChrome for Android
基本支持?支持支持?????支持
以上内容是否对您有帮助:

您可能还喜欢:

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部