您的位置：首页 > 其它

DOM（一）-09-(window常见事件)

2015-08-20 16:23 204 查看

【window常见事件】（详情请查阅DHTML API文档）见示例1

1.onunload：在对象卸载前立即触发。

2.onload：在浏览器完成对象的装载后立即触发。

3.onbeforeunload：在页面将要被卸载前触发。

【window常见属性】（详情请查阅DHTML API文档）见示例2

1.status 设置或获取位于窗口底部状态栏的信息。

====================================================================================================

【示例1】（用一个事件去指向一个函数，在函数内定义所需功能）

<html>
<head>
</head>

<body>
<script type="text/javascript">

//以下window可以省略

window.onunload = function(){

alert('onunload run');

}

window.onload = function(){

alert('onload run');

}

window.onbeforeunload = function(){

alert('onbeforeunload run');

}

</script>
</body>
</html>

【效果】

打开以上网页后，弹出onload run，因为当网页中所有内容全部加载完毕会出发onload事件，所以第一个弹出onload run，

之后单击右上角的×关闭网页，先弹出onbeforeunload run，此时网页未关闭，点确定，网页关闭，弹出onunload run，

因为onbeforeunload是在将要被卸载前触发，而onunload是在卸载完成后触发。

====================================================================================================

【示例2】（用一个事件去指向一个函数，在函数内定义所需功能）

<html>
<head>
</head>

<body>
<script type="text/javascript">

//以下window可以省略

window.onload = function(){//在onload事件所指向的函数内定义window中的status属性，即网页一加载完就显示该属性。

window.status = "啊！加载完毕啦！";

}

</script>
</body>
</html>

【效果】

网页加载完毕后，底部状态栏显示的信息为：啊！加载完毕啦！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航