JavaScript对象事件onload|页面或图像加载完成后触发

事件对象参考手册


定义与用法

onload 事件会在页面或图像加载完成后立即发生。

onload 通常用于 <body> 元素,在页面完全载入后(包括图片、css文件等等。)执行脚本代码。


语法格式

在 HTML 中:

<body onload=” myScript”>

在 JavaScript 中:

window.onload=function(){ myScript};

使用 addEventListener() 方法:

window.addEventListener(“load”, myScript);


示例代码

当页面载入完毕后执行Javascript代码:

<body onload="myFunction()">

亲自试试


浏览器支持

事件Google ChromeInternet ExplorerFirefoxSafariOpera
onloadYesYesYesYesYes

所有主要浏览器都支持 onload 事件


参数说明

参数描述
myScript必需。规定该事件发生时执行的 JavaScript。

以下 HTML 标签支持 onload :

<body>, <frame>, <frameset>, <iframe>, <img>, 
<input type="image">, <link>, <script>, <style>

更多示例

在 <img> 使用onload
图片载入后立即弹出 “Image is loaded”


事件对象参考手册


相关