如何判断一个用户是关闭、还是刷新网页

最新推荐文章于 2023-07-12 11:06:26 发布

转载最新推荐文章于 2023-07-12 11:06:26 发布 · 8.4k 阅读

本文介绍了如何在页面关闭、编辑内容未提交时进行判断与提示的方法，包括使用JavaScript实现的onunload事件监听、编辑内容判断及页面关闭时的收藏功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、方法有挺多种，但就看到一个比较好的：

原文：

http://jsj.lcvtc.edu.cn/kyfw/html/xwzx/ASP/103.html

核心提示：
标签只有onload\onunload\onbeforeunload事件，而没有onclose事件。不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢？
<body>标签只有onload\onunload\onbeforeunload事件，而没有onclose事件。不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢？
页面加载时只执行onload
页面关闭时只执行onunload
页面刷新时先执行onbeforeunload，然后onunload，最后onload。这样我们可以在onbeforeunload中加一个标记，在onunload中判断该标记，即可达到判断页面是否真的关闭了。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>
<body onunload=fclose() onload=fload() onbeforeunload=bfunload()>
<script>
var s = "test";
function fclose()
{
   if(s=="no")
      alert('unload me!='+s+'这是刷新页面！');
   else
      alert('这是关闭页面');
}
function fload()
{
   alert("load me!="+s);
}
function bfunload()
{
   s = "no";
}
</script>
</body>
</html>

2、平时的一些博客有编辑内容未提交时离开页面一般都有提示：

原文：

http://hi.baidu.com/wmfmcsvkwqhsuze/item/0498b721f2f16a1609750855

关于网页关闭时编辑内容判断
<script type="text/javascript">   
var flg=1,flg2=0;//flg2用来判断是否已经执行过这种操作，第二次点击时直接跳出（不再提示）
function   window.onbeforeunload()   
{ 
     var title =document.getElementById("XXXX").value;//获取正在编辑页面元素
    var content=document.getElementById("XXXXX").value;//获取正在编辑页面元素
    if((title!=""||content!="")&&flg2!=1)
        flg=0;
   if(flg==0)
   {    flg=1;
        flg2=1;
       window.event.returnValue="您正在编辑确定要退出本页吗?";   
    }
else   
{   

}   
}   
</script>

3、有些页游在网页关闭时，还提示收藏，收藏方法如下：

as3调以下js代码即可：

原文：

http://holyrain1314.blog.163.com/blog/static/10011413520110268438126/

<script type="text/javascript">
function bookmarksite(title, url){
if (document.all)
          window.external.AddFavorite(url, title);
else if (window.sidebar)
          window.sidebar.addPanel(title, url, "")
}
</script>
<a href="javascript:bookmarksite('简单的猪的博客', 'http://holyrain1314.blog.163.com')">加入收藏</a>