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://www.5idev.com/static/images/article/logo_mark.gif" onload="load(this)" /> </body> </html>
可以将第二个例子在实际应用中延伸一下,如图片下载完成后,取得图片尺寸并以最合适大小显示(reSize)等。