( 1 ) onload :网页加载完毕时触发。
浏览器是 一边下载文档、一边解析执行 ,可能会出现 JavaScript 执行时需要操作某个元素这个元素还没有加载 ,这时候,浏览器就会报错,如果这样就要把操作的代码放到 body 的onload 事件中 ,或者可以把 JavaScript 放到元素之后。
元素的onload 事件是元素自己加载完毕时触发, body onload 才是全部加载完成
如:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>欢迎来到我的网站</title>
<script type="text/javascript">
Button1.value="按钮重命名";//保存,因为Button1元素尚未被构建
</script>
</head>
<body>
<input id="Button1" type="button" value="button" οnclick="showModalDialog('zoumadeng.htm')" />
</body>
</html>
运行结果:弹出对话框提示如下
正确调用的方法:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>欢迎来到我的网站</title>
<script type="text/javascript">
//Button1.value="按钮重命名";//保存,因为Button1元素尚未被构建
</script>
</head>
<body οnlοad="Button1.value='按钮重命名';">//在此处加载
<input id="Button1" type="button" value="button" οnclick="showModalDialog('zoumadeng.htm')" />
</body>
</html>
( 2 ) onunload :网页关闭【或者用户离开(后退,刷新等)时候】后触发。
( 3 ) onbeforeunload :在网页准备关闭(或者离开)后触发。
在事件中为 " window.event.returnValue 赋值 (要显示的警告消息),这样窗口离开(比如前进、后退、关闭)就会弹出确认消息
• <body οnbefοreunlοad="window.event.returnValue=' 真的要放弃发帖退出吗? '"> 。显示的文字随浏览器版本而有差异。
<body οnbefοreunlοad="window.event.returnValue=' 真的要放弃发帖退出吗? '">
<textarea rows='20'></textarea>
</body>
</html>
除了有特有的属性之外,当然还有通用的 HTML 元素的事件:
onclick (单击)、 ondblclick (双击)、 onkeydown (按键按下)、 onkeypress (点击按键)、 onkeyup (按键释放)、
onmousedown (鼠标按下)、 onmousemove (鼠标移动)、onmouseout (鼠标离开元素范围)、 onmouseover (鼠标移动到元素范围)、
onmouseup (鼠标按键释放)等。