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事件 ”的事情。 |