如何判断一个网页是刷新还是关闭的方法。

最新推荐文章于 2022-05-08 23:53:30 发布
最新推荐文章于 2022-05-08 23:53:30 发布
阅读量3.8k 收藏 1
点赞数
文章标签： function html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/henu_lisq/article/details/526144
版权

<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 οnunlοad=fclose() οnlοad=fload() οnbefοreunlοad=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>

20051206更新
感谢提出的回复，的确后来我也发现了这个问题，真正能判断这个的方法我还没有找到。

henu_lisq
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
html点击跳转关闭当前页面刷新,js判断页面是否关闭、刷新或跳转的方法
weixin_28802993的博客
06-03 1242
js判断页面是否关闭、刷新或跳转的方法：window.onbeforeunload=function (){alert("===onbeforeunload===");if(event.clientX>document.body.clientWidth && event.clientY < 0 || event.altKey){alert("你关闭了浏览器");}els...
html检测页面是否更新,教程：HTML5开发如何更新和测试？
weixin_29303701的博客
06-05 839
HTML5服务器发送事件模式可以让你将实时数据更新从服务器推入浏览器。在这篇教程里，我们将了解这一过程，用EventSource对象处理接收的数据并将其写入页面。我们将在客户端使用HTML5和JavaScript，而在服务器端则使用PHP。【e800编译】HTML5服务器发送事件模式可以让你将实时数据更新从服务器推入浏览器。在这篇教程里，我们将了解这一过程，用EventSource对象处理接收的数...
html判断返回刷新页面,jquery判断页面是否刷新？
weixin_39966602的博客
06-03 1039
jquery判断页面是否刷新的方法：1、jquery判断页面是刷新还是新建：通过赋值判断window.name的值获取页面的状态是刷新还是新建的。if(!window.name){alert("第一次开这个窗口！name值"+ window.name);window.name = 'test';}else{alert('刷新操作 name值：'+ window.name);}name 属性可设置或...
监测网页的刷新操作
Lhy_JL的博客
10-31 1608
项目场景： 业务要求：当用户首次进入A页面时，直接读取LocalStorage数据；当用户F5刷新/网页按钮刷新重新加载页面时，访问服务器获取最新数据并更新LocalStorage。 问题描述： 因为要监测网页刷新事件,有两种刷新操作： 一、F5按键刷新， 二、网页上自带的刷新按钮，或者鼠标右键进行刷新 F5按键刷新，就是通过键盘按键事件可以监测到；但是第二种类型的刷新怎么监测？ 解决方案： 先谈谈HTML的生命周期：（详情查询：https://www.jianshu.com/p/e0e
html判断用户是否在刷新,js或vue中 如何判断浏览器时关闭还是刷新？？
weixin_39566914的博客
06-21 670
目前接到一个需求如下：SpringMVC的项目部署后，接入了客户的统一认证平台(基于token的方式)，需要实现一个功能，在浏览器第一次访问系统主页时，需要执行一个ajax后台操作，如果多次打开页签则不执行，刷新也不执行，但是如果关闭所有页签后再次打开第一个时，需要执行，也就是说每次打开该网站主页并且只有一个页签打开时，需要执行一个后台方法。目前我准备的做法是：使用localstorage记录打开...
区分浏览器窗口关闭和刷新
weixin_61027356的博客
03-10 3036
关闭和刷新都会用到两个事件： 1.window.onbeforeunload ：窗口关闭或刷新前触发 2.window.onunload：窗口关闭或刷新后触发 开始我的解决思路是在window.onbeforeunload时机在session中存一个值，然后在window.onunload时机查看session中有没有这个值 如果有说明是刷新，如果没有说明是关闭，尝试以后发现没有效果。后来上网查寻发现浏览器网页关闭和刷新是有区别的，他们的区别就在于刷新的window.onbeforeunload和wi
javascript判断网页是关闭还是刷新
10-23
本篇文章给大家介绍js判断网页是关闭还是刷新，实现原理就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小，根据大小由此判断用户是刷新，跳转或是关闭行为程序，需要的朋友可以参考下本
判断页面是关闭还是刷新的js代码
10-31
判断页面是关闭还是刷新 ();" onload="fload();" onbeforeunload="bfunload();"> var s = "test"; function fclose() { if (s === "no") { alert("这是刷新页面！"); } else { alert("这是关闭页面"); }...
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
01-21
Onunload，onbeforeunload都是在刷新或关闭时调用，可以在[removed]脚本中通过[removed]来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 Onbeforeunload...
如何用js在safari下判断网页是刷新还是关闭 - 已回答 - 天涯问答
02-24
如何用js在safari下判断网页是刷新还是关闭 - 已回答 - 天涯问答.mht如何用js在safari下判断网页是刷新还是关闭 - 已回答 - 天涯问答.mht
浏览器原理篇之Service Worker
认定的总要想办法去完成。
05-08 1364
Service Worker的主要功能  在2014年的时候，标注居委会就提出了Service Worker的概念，它主要是在页面与网络之间增加拦截器，用来缓存和拦截请求，它也作为PWA来试着解决离线存储和消息推送的问题。对于Service Worker的主要功能也是去拦截请求和缓存资源，这样使得用户在离线环境中，也可以使用网络应用。或者直接在本地中去读取缓存资源，从而加快访问速度。 Service Worker架构  为了避免JavaScript过多占用主线程时长的情况，浏览器实现了Web Worker
直接用html代码实现页面的刷新
一只独孤的程序猿
09-10 4759
新浪博客刷新页面
html点击按钮后页面刷新的问题，form表单中button按钮触发submit点击事件
MaYuKang的博客
10-09 7007
html点击按钮 有如下form表单，包含了一个button按钮： 情况1： <form action=""> <button onclick="">我是按钮</button> </from> 尽管button按钮没有执行任函数，但是点击按钮后，页面刷新。 情况2： <form action="http://www.baidu.com"> <button onclick="">我是按钮</button> </fr
javascript:如何判断一个网页被用户关闭
xlvector的专栏
09-25 1951
用户关闭了你的网页，如何记录下这个行为。其实很简单，用户在关闭网页时，会触发body的onunload事件，这时只要在onunload中使用XMLHttpRequest来告诉浏览器，用户关闭了网页即可。 
关闭弹框事件_关于js关闭窗口的事件和用法
weixin_31967777的博客
02-05 2501
JS本身最高事件等级到window级，你可以对window进行onunload等监听来判断是否关掉当前浏览器窗口。对于以前的单一窗口管理模式，关闭浏览器窗口即关闭应用程序窗口，是可以做到的。但是现在都是多窗口管理模式，消息机制的分发不是由浏览器发起的，而是应用程序本身。拿360浏览器为例，是winAPI对窗口消息进行管理，到了js层面的window对象只是一个widget而已。所以，除非你能拿到此...
html页面关闭、刷新前提示
klx502的专栏
03-15 1万+
var isLoad=false; window.onload = function(){ isLoad=true; }; window.onbeforeunload = function() { var result=getEntity('#update_com_form'); console.log(Object.getOwnPropertyNames(
如何判断是关闭还是刷新网页
sunlen的专栏(编程技术探讨)
03-13 5134
我们在写js代码的时候，经常要判断网页是否被关闭了，如果是被关闭了，就执行某段代码，这个可以用HTML的onbeforeunload事件来执行一段js代码，但是如果网页只是被刷新的话，也同样会触发onbeforeunload事件，下面这段js代码可以判断是否关闭 //判断是关闭还是刷新 if(event.clientX>document.body.clientWidth&&event.client
JS判断页面是重入进入还是刷新
hotlinhao的专栏
07-12 1819
写HTML的JS的时候，有时候要判断页面是被刷新加载了，还是新进点击进入的。折腾了半天终于找到了解决办法。 if(window.name == ""){ //为空就是新的 window.name = 'isReload'; }else if(window.name == 'isReload'){ //有预设值就是刷新的 console.log('page refresh....'); //TODO somting
JS判断页面是否刷新
热门推荐
banban008的博客
09-04 1万+
判断页面刷新的方式用到了Navigation Timing API,这个属性主要是为了评估网站的表现，比如网页加载时间，发送与获取请求的时间，网页渲染时间等等。 //check for Navigation Timing API support if (window.performance) { console.info("window.performance works fine on t...
用python的selenium写一个刷新网页的代码
最新发布
05-15
# 创建一个Chrome浏览器 driver = webdriver.Chrome() # 打开网页 driver.get("http://www.baidu.com") # 等待5秒 time.sleep(5) # 刷新网页 driver.refresh() # 关闭浏览器 driver.quit() ``` 这段代码会打开...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值