【JavaScript】window对象事件

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

时间: 2024-09-11 04:00:33

【JavaScript】window对象事件的相关文章

javascript window对象属性整理_基础知识

window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture

JavaScript—window对象使用示例

 window对象是JavaScript浏览器对象模型中的顶层对象,其包含多个常用方法和属性,下面为大家介绍下window对象的使用 window对象是JavaScript浏览器对象模型中的顶层对象,包含多个常用方法和属性:    1 打开新窗口  代码如下: window.open(pageURL,name,parameters)    其中:    pageURL为子窗口路径    name为子窗口句柄    parameters为窗口参数(各参数用逗号分隔)    如:  代码如下: wi

JavaScript—window对象使用示例_基础知识

window对象是JavaScript浏览器对象模型中的顶层对象,包含多个常用方法和属性: 1 打开新窗口 复制代码 代码如下: window.open(pageURL,name,parameters) 其中: pageURL为子窗口路径 name为子窗口句柄 parameters为窗口参数(各参数用逗号分隔) 如: 复制代码 代码如下: window.open("http://www.cnblogs.com/zhouhb/","open",'height=100,

javascript Window 对象详解介绍

Window 对象 Window 对象表示浏览器中打开的窗口,如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象. Window 对象集合 frames[] 返回窗口中所有命名的框架,该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe> ,属性 frames.length 存放数组 frames[] 中含有的元素个数,注意,frames[]

Javascript window对象详解_基础知识

首先看我们的源代码. 复制代码 代码如下: <!DOCTYPE html>  <html>      <head>          <meta charset="utf-8" />          <title>深入理解Javascript</title>          <script type="text/javascript" charset="utf-8"

javascript window.onerror事件学习新收获_javascript技巧

在捕获js错误时,我们通常使用try{}catch(e){}的方式,然后通过e.errorMessage等方式获取错误信息然后报告错误.但对于onerror事件可能很少问津,我们是否思考过如何报告错误所在的行号?如果想过这个是否也被这个问题所困扰过,是否认为在js里不可能捕获错误的行号呢?其实本人就遇到上述的几个问题,今日读某人写的一段js代码顿然发现了onerror事件,要说onerror这个时间也是n久以前就知道了,但对于其所带有的三个参数和其特殊性质却一直没有去了解过.经过自己的研究测试,

javascript window.event事件方法

如果事件触发后,鼠标移出窗口外,则返回的值为 -1 这是个只读属性.这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置. Java代码 <HTML>    <HEAD><TITLE>Cancels Links</TITLE>    <SCRIPT LANGUAGE="JScript">    function cancelLink() {    if (window.event.srcElement.tag

JavaScript的document和window对象详解

javascript|window|对象|详解 [document对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档. 属性 alinkColor 活动链接的颜色(ALINK) anchor 一个HTMI锚点,使用<A NAME=>标记创建(该属性本身也是一个对象) anchors array 列出文档锚点对象的数组(<A NAME=>)(该属性本身也是一个对象) bgColor 文档的背景颜色(BGCOLOR) cookie 存储于cooki

javascript 基础篇4 window对象,DOM_基础知识

他的属性也很丰富,因为我很懒,我就直接复制手册里的东西了: closed 获取引用窗口是否已关闭. defaultStatus 设置或获取要在窗口底部的状态栏上显示的缺省信息. dialogArguments 设置或获取传递给模式对话框窗口的变量或变量数组. dialogHeight 设置或获取模式对话框的高度. dialogLeft 设置或获取模式对话框的左坐标. dialogTop 设置或获取模式对话框的顶坐标. dialogWidth 设置或获取模式对话框的宽度. frameElement