window对象-事件
专用事件:
onload事件:我们需要在网页文档下载完毕时执行
的程序代码,需要放在onload事件处理程序中去编写。
onunload事件:在网页文档卸载完毕后,需要在网页
关闭时执行的程序代码,需要放在onunload事件处理
程序中去编写。
onbeforeunload事件:对于浏览器准备卸载网页文件
时的事件,也就是onbeforeunload事件是发生在卸载
网页文件之前的事件,给用户提供一个取消的机会。
样例:
<body onload="alert('欢迎')" onunload="alert('再见!')"
onbeforeunload="window.event.returnValue='请小心'">
</body>
效果:打开网页,弹出一个“欢迎”的对话框,点击右上角
的叉叉,弹出是否关闭网页的对话框,选择“确定”,网页
关闭,弹出一个“再见”的对话框。
测试javascript语句的执行顺序:
<script>
alert("ok");
</script>
<body onload="alert('欢迎')" onunload="alert('再见!')"
onbeforeunload="window.event.returnValue='请小心'">
Hello
<script>
alert("ok2");
</script>
</body>
<script>
alert("ok3");
</script>
这个例子说明了,解析器是一边读文档,一边解析里面的内容。
而onload事件发生在浏览器将程序装载完才发生的事件。
如果网页文档非常大,装载的时间非常长,为了缓解用户等待的
焦急心情,可以在开始放一个script语句块,显示"正在下载",
然后在中间的script语句块中放一个定时器,显示下载进度。
在最后显示装在完毕的信息。
通用事件:
onclick事件:它是当用户点击某个Html元素时产生的事件。我们在
form表单的元素中经常使用到onclick事件。
onmousemove事件:它是当鼠标在某个html元素上移动的时候所产生
的事件,这个事件伴随着鼠标的移动而不断的重复发生。如果我们要
随着鼠标的移动而不断显示出鼠标的新坐标位置,就应该处理这个
事件。
onmouseover事件:它是指鼠标刚从外面移进到一个html元素的边界时,
所产生的事件。除非鼠标又移出html元素且再移入,否则这个事件不会
重复发生。
onmouseout事件:它是当鼠标移出一个html元素的边界时所产生的事件。
onmousedown事件:当鼠标的任何按键按下去的时候产生的事件。
onmouseup事件:当鼠标的任何按键弹起去的时候产生的事件。
onkeydown:当键盘的任何按键按下去的时候产生的事件。
onkeyup:当键盘的任何按键弹起的时候产生的事件。
onkeypress:当用户按下一个数字或字母按键所产生的事件。
按某个键是指"按下弹起"。
转载请注明出处:http://blog.csdn.net/acmman/article/details/44132035