JavaScript对象事件onload|页面或图像加载完成后触发
定义与用法
onload 事件会在页面或图像加载完成后立即发生。
onload 通常用于 <body> 元素,在页面完全载入后(包括图片、css文件等等。)执行脚本代码。
语法格式
在 HTML 中:
<body onload=” myScript”>
在 JavaScript 中:
window.onload=function(){ myScript};
使用 addEventListener() 方法:
window.addEventListener(“load”, myScript);
示例代码
当页面载入完毕后执行Javascript代码:
<body onload="myFunction()">
浏览器支持
事件 | |||||
---|---|---|---|---|---|
onload | Yes | Yes | Yes | Yes | Yes |
所有主要浏览器都支持 onload 事件
参数说明
参数 | 描述 |
---|---|
myScript | 必需。规定该事件发生时执行的 JavaScript。 |
以下 HTML 标签支持 onload :
<body>, <frame>, <frameset>, <iframe>, <img>,
<input type="image">, <link>, <script>, <style>
更多示例
在 <img> 使用onload
图片载入后立即弹出 “Image is loaded”