codecamp

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(只读) 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事件 ”的事情。
EventTarget事件:keyup
EventTarget事件:mousedown
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Fetch API官方文档指南

Fetch API方法

WindowOrWorkerGlobalScope执行者:window

window属性

WindowOrWorkerGlobalScope执行者:WorkerGlobalScope

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }