1.定义:
onload事件是在页面或图片加载完成后立即执行的事件。
2.用法:
支持该事件的 HTML 标签:
<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>
支持该事件的 JavaScript 对象:
image, layer, window实例
3.下面是一个JavaScript的例子:
<html>
<head>
<Script Language="JavaScript" type="text/javascript">
document.write("这是以页面中嵌入的JavaScript印出来的!");
document.write("<hr>");
</Script>
</head>
<body οnlοad="alert('我是body的onload事件触发的')"><!--先执行文本中的所有js代码,然后再从body开始执行body中的内容-->
<Script Language="JavaScript">
alert("body中JavaScript的第一行。");//先执行,然后才触发onload代码;
var d = new Date();
var time = d.getHours();
if(time < 12){
//document.write("内容"); 是JavaScript代码向页面输出内容使用的方法。
document.write("<b>上午好</b>");
}
else{
document.write("<i>下午好</i>");
}
</Script>
<br>body中的普通文本。
<Script Language="JavaScript">
alert("body中JavaScript的最后一行。");//先执行,然后才触发onload代码;
</Script>
</body>
</html>
body中的onload事件是在页面加载完成后执行的。
onload事件是在页面或图片加载完成后立即执行的事件。
2.用法:
支持该事件的 HTML 标签:
<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>
支持该事件的 JavaScript 对象:
image, layer, window实例
3.下面是一个JavaScript的例子:
<html>
<head>
<Script Language="JavaScript" type="text/javascript">
document.write("这是以页面中嵌入的JavaScript印出来的!");
document.write("<hr>");
</Script>
</head>
<body οnlοad="alert('我是body的onload事件触发的')"><!--先执行文本中的所有js代码,然后再从body开始执行body中的内容-->
<Script Language="JavaScript">
alert("body中JavaScript的第一行。");//先执行,然后才触发onload代码;
var d = new Date();
var time = d.getHours();
if(time < 12){
//document.write("内容"); 是JavaScript代码向页面输出内容使用的方法。
document.write("<b>上午好</b>");
}
else{
document.write("<i>下午好</i>");
}
</Script>
<br>body中的普通文本。
<Script Language="JavaScript">
alert("body中JavaScript的最后一行。");//先执行,然后才触发onload代码;
</Script>
</body>
</html>
body中的onload事件是在页面加载完成后执行的。