onload 事件
onload 事件
定义和用法
onload 事件会在页面或图像加载完成后立即发生。
onload 通常用于 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。
语法
在 HTML 中:
在 JavaScript 中:
window.onload=function(){SomeJavaScriptCode};
| 参数 | 描述 |
|---|---|
| SomeJavaScriptCode | 必需。规定该事件发生时执行的 JavaScript。 |
addLoadEvent方法
//创建队列
function addLoadEvent(func){
var oldonload=window.onload;
If(typeof window.onload!=’function’){
Window.onload=func;
}else{
Window.onload=function(){
Oldonload();
Func();
}
}
}
//加载项
addLoadEvent(firstFunction);
addLoadEvent(secondFunction);
无论打算在页面加载完毕时执行多少个函数，只要多写一条语句！
以下 HTML 标签支持 onload :
<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>实例
图片载入后立即弹出 "Image is loaded"
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Title(runoob.com)</title>
<script>
function loadImage(){
alert("图片加载完成");
}
</script>
</head>
<body>
<img src="xxxx.png" onload="loadImage()" width="336" height="36">
</body>
</html>
