js浏览器事件介绍

事件浏览器事件是指文档加载到关闭期间的浏览器事件，如浏览器加载文档事件onload、关闭文档事件on load、浏览器失去焦点事件onblur、获取焦点事件onfocus等。先检查以下代码：复制代码如下： //源代码3.1！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0//EN ' ' http://www . w3 . org/TR/REC-HTML 140/strict . DTD ' HTML head meta http-equiv=' Content-Type ' Content=' text/HTML；字符集=gb2312 '标题示例页面！/title脚本类型='text/javascript '！-window . onload=function(){ varmsg=' \ n window . load事件： \ n \ n '；Msg=“浏览器已经加载了文档！”；警报(msg)；} window . onfocus=function(){ varmsg=' \ n window . onfocus事件： \ n \ n \ n '；Msg='浏览器获得焦点了！'；警报(msg)；} window . onblor=function(){ varmsg=' \ n window . onblor事件： \ n \ n \ n '；Msg='浏览器失去焦点！'；警报(msg)；} window . onscroll=function(){ varmsg=' \ n window . onscroll事件： \ n \ n \ n '；Msg=“用户拖动了滚动条！”；警报(msg)；} window . onresize=function(){ varmsg=' \ n window . onresize事件： \ n \ n \消息=“用户更改了窗口大小！”；警报(msg)；}/////脚本正文br pLoad document :/p pGet focus :/p pLose focus :/p pDrag滚动条：/p p transform size :/p/body/html将上述源程序另存为*。html(或*)。htm)文档，然后双击该文档，系统调用默认浏览器进行浏览。加载文档时，会触发window.load事件，并弹出警告框，如图3.2所示。

图3.2加载文档时触发window.load事件。当焦点给予文档页面时，会触发window.onfocus事件，弹出警告框，如图3.3所示。

图3.3文档获得焦点时触发window.onfocus事件。当页面失焦时，触发window.blur事件，弹出警告框，如图3.4所示。

图3.4文档失焦时触发window.onblur事件。当用户拖动滚动条时，触发window.onscroll事件，弹出警告框，如图3.5所示。

图3.5拖动滚动条触发窗口滚动事件。当用户改变文档页面大小时，会触发window.onresize事件，并弹出警告框，如图3.6所示。

图3.6改变文档页面大小并触发窗口的Browser事件onresize事件一般用于处理窗口定位、设置定时器或根据用户喜好设置页面级别和内容，广泛应用于页面交互性和动态性。注意：Netscape Navigator 4支持window.onmove事件，该事件在用户移动当前浏览器窗口时触发，主要用于窗口定位。Internet Explorer不支持window.onmove事件。