EventTarget事件:load
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(只读) |
|
事件目标(DOM树中最顶层的目标)。 |
type(只读) |
|
事件的类型。 |
bubbles(只读) |
|
事件是否正常冒泡。 |
cancelable(只读) |
|
事件是否可以取消。 |
view(只读) |
|
(window文件) |
detail(只读) |
long(float) |
0。 |
规范
| 规范 | 状态 | 注释 |
|---|---|---|
| UI事件 该规范中“load”的定义。 |
Working Draft |
|
| HTML Living Standard 该规范中“加载事件”的定义。 |
Living Standard |
这链接到加载文档结束时执行的步骤部分。'load'事件也会在很多元素上被触发。请注意,规范中有许多地方涉及可以“ 延迟load事件 ”的事情。 |