EventTarget事件:load

2019-01-22 17:39 更新

EventTarget事件 - load

当资源及其相关资源已完成加载时,将触发该load事件。

示例

窗口

<script>
  window.addEventListener("load", function(event) {
    console.log("All resources finished loading!");
  });
</script>

script 元件

<script>
  var script = document.createElement("script");
  script.addEventListener("load", function(event) {
    console.log("Script finished loading and executing");
  });
  script.src = "http://example.com/example.js";
  script.async = true;
  document.getElementsByTagName("script")[0].parentNode.appendChild(script);
</script>

基本信息

规范 DOM L3
接口UIEvent
是否冒泡
是否可取消
目标 Window, Document, Element
默认操作 没有

属性

属性 类型 描述
target(只读) EventTarget 事件目标(DOM树中最顶层的目标)。
type(只读) DOMString 事件的类型。
bubbles(只读) Boolean 事件是否正常冒泡。
cancelable(只读) Boolean 事件是否可以取消。
view(只读) WindowProxy document.defaultView window文件)
detail(只读) longfloat 0。

规范

规范 状态 注释
UI事件
该规范中“load”的定义。
Working Draft
 
HTML Living Standard
该规范中“加载事件”的定义。
Living Standard
这链接到加载文档结束时执行的步骤部分。'load'事件也会在很多元素上被触发。请注意,规范中有许多地方涉及可以“ 延迟load事件 ”的事情。
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号