JavaScript onload 事件
Web 页面或图像加载完成后会触发 onload 事件。
支持该事件的 HTML 标签
<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>
支持该事件的 JavaScript 对象
window, image, layer
onload 实例
例子 1
下面的例子演示了在页面载入完成时，执行自定义的函数：
<html>
<head>
<script type="text/javascript">
function load(){
alert("页面加载完成");
}
</script>
</head>
<body onload="load()">
</body>
</html>例子 2
第二个例子演示了在图像载入完成时，提示加载的图像名称：
<html>
<head>
<script type="text/javascript">
function load(x){
var s=x.src;
alert( "加载的图像为：" + s.substring(s.lastIndexOf("/")+1) );
}
</script>
</head>
<body>
<img src="http://localhost/static/images/article/logo_mark.gif" onload="load(this)" />
</body>
</html>可以将第二个例子在实际应用中延伸一下，如图片下载完成后，取得图片尺寸并以最合适大小显示（reSize）等。
本章节内容共分 22 部分：
- JavaScript 事件
- JavaScript onclick 事件：鼠标点击页面某个对象
- JavaScript ondblclick 事件：鼠标双击页面某个对象
- JavaScript onmousedown 事件：鼠标任何一个按键被按下
- JavaScript onmouseup 事件：鼠标任何一个按键被松开
- JavaScript onmouseover 事件与 onmouseout 事件：鼠标指针移动到对象上或离开对象
- JavaScript onkeydown 事件：键盘上某个按键被按下
- JavaScript onkeypress 事件：按下或按住一个键盘按键
- JavaScript onkeyup 事件：键盘按键被松开
- JavaScript onblur 事件：页面元素失去焦点
- JavaScript onfocus 事件：页面元素获得焦点
- JavaScript onchange 事件：表单文本域或选择域发生改变
- JavaScript onsubmit 事件：表单被提交
- JavaScript onreset 事件：表单被重置
- JavaScript onload 事件：页面或图像加载完成后
- JavaScript onunload 事件：关闭页面或页面被改变为其他页面
- JavaScript onerror 事件：加载页面或图像时发生错误
- JavaScript onresize 事件：当浏览器窗口或 HTML 对象改变大小
- JavaScript onscroll 事件：滚动条发生滚动及利用 onscroll 来实现 返回顶部 效果
- JavaScript onselect 事件：文本框中的文本被选中
- JavaScript oncopy 事件：文本被复制及利用 oncopy 实现拷贝内容时增加版权信息
- JavaScript oncut 事件与 onpaste 事件：文本域文本被剪切或粘贴（禁止粘贴实例）
