javascript中unonload和onload事件分析

最新推荐文章于 2022-08-19 13:01:50 发布

Shaniya丶

最新推荐文章于 2022-08-19 13:01:50 发布

阅读量2.9k

点赞数

分类专栏： Javascript 文章标签： javascript onload unonload

本文链接：https://blog.csdn.net/wangshanny/article/details/26602797

版权

Javascript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

unonload事件是在关闭窗口时触发的事件，要跟onblur区分开，onblur是在窗口失去焦点时触的事件

<body onBlur="window.close()">

案例1：页面关闭时打开一个新页面，unonload事件在关闭页面和刷新页面时都会执行，因此要判断页面是关闭还是刷新

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
function openwin(){
   window.open("","","height=200,width=400,status=no,toolbar=no,menubar=no,location=no");
}
function a(){
if(event.clientX<=0&& event.clientY < 0){
   alert("开新的页面");
            openwin();
         }else{
   alert("不开新的页面");//刷新的页面
         }
}
</script>
</HEAD>
<BODY onUnload="a();">
</BODY>

onload 事件会在页面或图像加载完成后立即发生。

支持该事件的 HTML 标签：<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>
支持该事件的 JavaScript 对象：image, layer, window
案例1：加载文本

<html>
<head>
<script type="text/javascript">
function load()
{
window.status="Page is loaded"
}
</script>
</head>
<body οnlοad="load()">
</body>
</html>