window的onunload事件总结.

最新推荐文章于 2025-07-17 17:27:51 发布

setcs_lina

最新推荐文章于 2025-07-17 17:27:51 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

文章标签： session function javascript 浏览器

本文链接：https://blog.youkuaiyun.com/setcs_lina/article/details/1612947

本文探讨了如何在JavaScript中仅当浏览器窗口关闭时精确触发onunload事件，而非在页面刷新或导航时触发。通过判断鼠标位置及键盘状态，实现了一个自定义函数session_end来准确控制该行为。

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

最近为Global.asax文件中的方法执行顺序和window的onunload事件的问题郁闷了两天....现在懂得了,决心总结下来,怕以后忘掉.

因为在用户关闭浏览或转到新的一页或页面刷新时都会触发onunload这个事件

代码如下:<script lanagage="javascript">

var oHttpReq=new ActiveXObject("MSXML2.XMLHTTP");

oHttpReq.open("POST","EndSession.aspx?custid=",false);

oHttpReq.send("");

</script>

但我只想在页面关闭时触发.解决如下:

if(document.body.clientWidth-event.clientX<170&&event.clinetY<0||event.altKey)

{关闭浏览器}else{页面转向,刷新,}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

setcs_lina

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

onbeforeunload与onunload事件异同点总结

09-05

本文对onbeforeunload与onunload事件的异同点、触发于、可以用在哪些元素以及解决刷新页面时不调用onbeforeunload等等，感兴趣的朋友可以参考下哈

09JavaScript事件总结.docx

04-27

本文主要总结了JavaScript事件的关键概念。一、事件事件是用户与浏览器之间交互的瞬间，例如用户点击按钮、输入文本或者鼠标移动等。JavaScript通过监听这些事件来执行相应的功能。常见的事件包括： 1. `onclick`...

3 条评论您还未登录，请先登录后发表或查看评论

window.onunload, window.onbeforunload

bachelorchen的专栏

11-23

1947

在这里用到的是 onbeforeunload 事件。下面就梳理下 onunload、onbeforeunload 这两个事件，也顺带说说我遇到的问题与解决方案。 onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过 window.onunload来调用。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。

onUnload页面卸载和onPageScroll监听页面滚动

最新发布

casually的博客

07-17

464

【UniApp开发实用技巧】本文分享了两个UniApp开发中的核心知识点：1）onUnload页面卸载的触发时机和使用场景，特别介绍了reLaunch跳转方式会触发原页面卸载的特性；2）onPageScroll监听页面滚动的实现方法，通过具体案例演示了如何实现"回到顶部"按钮的动态显示效果。文章包含详细代码示例和效果演示，适合UniApp开发者参考学习。

window onunload使用

Bolin

08-27

5076

从A跳转B页面后，需要在后退（浏览器的后退）到A时做一些操作，可以用window.onunload来强制触发A页面的onload。window.onunload = function(){}; windwo.onload = function(){ console.log('onload was called'); }

onunload事件

qq_47274843的博客

08-08

561

onunload 事件定义和用法 onunload 事件在用户退出页面时发生。语法 οnunlοad=“SomeJavaScriptCode” 参数 SomeJavaScriptCode 描述必需。规定该事件发生时执行的 JavaScript。支持该事件的 HTML 标签：, 支持该事件的 JavaScript 对象：window 实例在本例中，在页面关闭时会显示一个对话框： ...

onunload,onbeforeunload,load事件

aidenliu的专栏

01-14

4284

1. Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。　　Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而o

离开页面的判断：window.Onunload与window.onbeforeunload的区别（IE下a标签触发问题）

不怕不聪明，只怕聪明的人比我努力

09-24

2547

Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。　　Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而onu

javascript Onunload与Onbeforeunload使用小结.docx

01-13

### JavaScript中的`onunload`与`onbeforeunload`事件详解 #### 一、概述在JavaScript中，`onunload`和`onbeforeunload`是非常重要的两个事件，它们主要用于监听浏览器窗口关闭或者页面刷新的情况。这两种事件的...

vuejs中监听窗口关闭和窗口刷新事件的方法

10-17

`window.onunload`事件与`window.onbeforeunload`类似，但是它只在页面被完全卸载时触发，这意味着页面资源已经全部被清除。`window.onbeforeunload`可以在页面卸载前触发，但是通常用于在用户进行导航或刷新操作时...

window.onunload和window.onbeforeunload事件

tann888的博客

08-18

1742

window.onunload和window.onbeforeunload事件两事件的相同点 onunload，onbeforeunload都是在刷新或关闭时调用。不同点 a)onbeforeunload是正要去服务器读取新的页面时调用，此时还没有开始读取。 b)onunload则已经读取到了新的需要加载的页面，在即将替换当前页面时调用。 c)onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 d)onbeforeunload是正要去服务器读取新的页面

window.Onunload与window.onbeforeunload的区别

顾传龙

05-05

1152

转自：

JavaScript小技巧 —— 关闭窗口触发事件 window.onunload

liuheworld的专栏

12-19

1404

>>>>>>>>>>>>>>>>>转载请注明出处作者：六合江山<<<<<<<<<<<<<&

关于window.onload，window.onbeforeload与window.onunload

10-20

305

★ window.onload 当页面加载完毕的时候执行，即在当前页面进行其他操作之前执行。如，刚进入某个网页的弹窗提示。 ( 与window.onload相近的可以参考我写的另外一篇记录“比较body.onload(function())、$(document).ready(function())与$(windows).load(function)” ) ★ win...

onunload,onbeforeunload事件的简述

weixin_33873846的博客

11-05

107

【e良师益友网】Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 Onbeforeunload 也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取 ...

window的onunload和onbeforeunload事件的一些总结

chs_jdmdr的专栏

03-17

4208

【原】：http://hi.baidu.com/chanajianxin/blog/item/e53ef9c45101faa98226ac09.html 最近为这两个事件对于多窗口浏览器和单窗口浏览器的问题郁闷了两天....现在总结下来.希望对郁闷中的朋友有用! 以下是指在js中实现,而非这种方法! 因为这样是在unload掉body的时候触发,而无聊任何浏览器,都会在关闭的时候unlo

window.Onunload与window.onbeforeunload的区别[转]

iteye_3366的博客

03-04

256

<原文地址：http://blog.sina.com.cn/s/blog_995c1f630101a9el.html> Onunload，onbeforeunload都是在刷新或关闭时调用，可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行，它还...

关闭窗口触发事件（onunload和unbeforeunload）

热门推荐

风火一回，一生不毁

04-01

2万+

浏览器窗口关闭可以使用window.close(),但并没有与之相对应的事件，页面加载也是使用onload事件监听。 onunload和unbeforeunload事件都是在页面刷新或关闭的时候执行的。这两个事件的区别： 1.onunload事件是已经从服务器读取到了数据，在替换到当前页面之前执行的。 onbeforeunload事件是正要去服务器读取数据还没有读取

JS之onunload、onbeforeunload事件详解

weixin_34221773的博客

11-03

1015

简介 onunload，onbeforeunload都是在刷新或关闭时调用，可以在<script>脚本中通过 window.onunload来调用。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 onbeforeunload 是正要去服务器读取新的页面时调用，此时还没开始读取；而onunload则已经从服务器上读到了需要加载...

window.onload相反的方法

05-29

### 关于 `window.onload` 的相反事件在 JavaScript 中，`window.onload` 是一个用于检测页面所有内容（包括图像、样式表等）加载完成后的事件。与之相对的概念是页面卸载时触发的事件。通常，这种场景可以通过 `window.onunload` 或 `window.beforeunload` 事件来实现[^1]。 #### `window.onunload` `onunload` 事件会在用户离开当前页面时触发，例如关闭浏览器窗口、导航到其他页面或刷新页面。这个事件的主要用途是执行一些清理操作，如保存数据或释放资源。 ```javascript window.addEventListener('unload', function(event) { console.log('Page is unloading...'); }); ``` #### `window.beforeunload` `beforeunload` 事件类似于 `onunload`，但它提供了一个机会来询问用户是否真的要离开页面。通过设置 `event.returnValue`，可以显示一个确认对话框给用户。 ```javascript window.addEventListener('beforeunload', function(event) { event.preventDefault(); event.returnValue = ''; // Some browsers require a string to be set here. console.log('Are you sure you want to leave?'); }); ``` 需要注意的是，现代浏览器对 `beforeunload` 的支持有所限制，以避免滥用该功能干扰用户体验。例如，某些浏览器可能不会显示自定义消息，而只显示标准提示信息[^2]。 #### 其他相关事件除了上述两个事件外，还有其他一些与页面生命周期相关的事件，例如： - `DOMContentLoaded`：当初始 HTML 文档被完全加载和解析完成后触发，无需等待样式表、图像等外部资源加载。 - `pageshow` 和 `pagehide`：分别在页面显示和隐藏时触发，适用于浏览器的前进/后退缓存机制。 ```javascript // 监听 pageshow 事件 window.addEventListener('pageshow', function(event) { console.log('Page is shown.'); }); // 监听 pagehide 事件 window.addEventListener('pagehide', function(event) { console.log('Page is hidden.'); }); ``` 这些事件可以用来更精细地控制页面的状态变化[^3]。 ### 总结对于寻找 `window.onload` 的相反事件的需求，推荐使用 `window.onunload` 或 `window.beforeunload` 来处理页面卸载的情况。如果需要更复杂的页面状态管理，可以结合 `pageshow` 和 `pagehide` 等事件进行开发。