`

JS 关闭或刷新窗口时发生的事件

阅读更多
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
//在即将离开当前页面(刷新或关闭)时执行 JavaScript :
window.onbeforeunload = function(){
	document.writeln("阅谁问君诵,水落清香浮。");
	alert('弹窗');
	return "关闭或刷新弹出的窗口"; 
}
//onunload  在用户从页面导航离开时发生(通过点击链接、提交表单或者关闭浏览器窗口等等) 
//通过测试,感觉并没有起到作用,所以就不推荐了。
</script>
</body>
</html>

 

效果图:

 

 

 

  • 大小: 7.4 KB
1
1
分享到:
评论

相关推荐

    判断浏览器是刷新还是关闭窗口

    为此,JavaScript 提供了 `onunload` 事件,它会在浏览器窗口被关闭或者用户离开当前页面时触发。然而,在实际的应用场景中,我们可能会遇到一个棘手的问题:不论是刷新页面还是真正关闭窗口,`onunload` 事件都会被...

    使用javascript验证窗口是关闭还是刷新

    3. **关闭窗口/选项卡**:当用户通过点击浏览器右上角的关闭按钮或使用快捷键等方式关闭当前窗口或选项卡时,该事件的发生需要被程序所捕捉。 4. **刷新页面**:当用户手动刷新页面(通常通过F5键或浏览器工具栏中的...

    JS针对浏览器窗口关闭事件的监听方法集锦

    在JavaScript中,监听浏览器窗口关闭事件对于实现特定的用户交互或数据保存功能至关重要。下面将详细介绍几种常用的浏览器关闭事件监听方法。 1. 方式一:适用于IE浏览器,仅在关闭时提示 ```javascript window....

    基于JavaScript判断浏览器到底是关闭还是刷新(超准确)

    2. `onunload`事件发生在浏览器窗口即将关闭时。 3. `onbeforeunload`事件则是在页面即将被卸载之前触发,也就是在`onunload`事件之前。 通常情况下,`onbeforeunload`事件可以用来阻止页面的卸载,向用户显示一个...

    JS关闭窗口弹出新窗口,关闭新窗口时,刷新父窗口,JS代码实现刷新网页,js实现弹出窗口代码收集集萃

    今天,我们将探索如何使用 JavaScript 实现弹出窗口,并且在关闭新窗口时刷新父窗口。 基本弹出窗口代码 要实现弹出窗口,只需在 HTML 文件中添加一段 JavaScript 代码即可。下面是一个基本的弹出窗口代码: ```...

    onunload事件判断浏览器是刷新还是关闭窗口

    在实际应用中,这个技术可以应用于电子商务平台中,例如,在购物车中,我们可以使用 onunload 事件来判断浏览器是刷新还是关闭窗口,以便在关闭窗口时执行相应的操作,例如,将购物车中的商品数量添加到数据库中。

    刷新父窗口的多种方法

    在打开一个新的窗口或者弹出一个子窗口后,有时我们需要在关闭子窗口时刷新父窗口。这种方法非常常见,例如,在用户完成了一个表单填写并提交后,我们可能希望关闭这个弹出窗口并刷新主页面,以便用户能够看到最新的...

    showModalDialog 弹出窗口关闭不刷新父窗口最终实现了

    通过以上步骤,我们可以实现使用`showModalDialog`弹出窗口并在关闭时不刷新父窗口的需求。这种方法不仅能够提高用户体验,还能更好地管理页面的状态。需要注意的是,随着浏览器对`showModalDialog`的支持逐渐减少,...

    JS区分浏览器页面是刷新还是关闭

    然而,仅仅使用onbeforeunload事件并不能完全区分页面是刷新还是关闭,因为用户刷新页面时,也会触发该事件。 产品经理可能会提出更细致的需求,例如在页面关闭时和页面刷新时提供不同的提示信息,或者在页面刷新时...

    模态窗口关闭时刷新父页面js文件

    当我们需要在用户关闭模态窗口后刷新其父页面时,JavaScript(简称js)提供了解决方案。 在JavaScript中,我们可以利用事件监听来处理模态窗口关闭的事件。首先,我们需要在模态窗口上设置一个关闭按钮,并为其添加...

    js监控IE火狐浏览器关闭、刷新、回退、前进事件.docx

    ### JS监控IE与火狐浏览器关闭、刷新、回退、前进事件 #### 一、引言 在Web应用开发过程中,有时需要对用户的浏览器行为进行监控,比如浏览器的关闭、刷新、前进或后退等操作。这对于提高用户体验、确保应用程序...

    JS关闭窗口弹出新窗口-关闭新窗口时-刷新父窗口-JS代码实现刷新网页-js实现弹出窗口代码收集集萃.pdf

    总结来说,JavaScript提供了一套强大的功能,可以用来创建、控制和交互窗口,包括弹出新窗口、自定义窗口属性,以及在特定事件(如窗口关闭)时执行操作。通过理解并运用这些技术,开发者可以为用户提供更加丰富和...

    javascript判断页面是否是刷新还是关闭

    1. `beforeunload` 事件:当用户尝试离开当前页面时(如点击刷新按钮、关闭窗口或导航到另一个URL),浏览器会先触发`beforeunload`事件。这是一个预卸载事件,允许开发者进行确认操作,比如询问用户是否确定要离开...

    子窗口与父窗口刷新

    在Java Web开发中,"子窗口与父窗口刷新"是一个常见的交互场景,特别是在构建多层级界面或模态对话框时。这里的"子窗口"通常指的是弹出的窗口、框架或者iframe,而"父窗口"则是打开子窗口的那个主页面。在这样的场景...

    子窗口刷新父窗口总结

    本文档将深入探讨如何在子窗口关闭时刷新父窗口,包括使用`window.open()`、`window.showModalDialog()`以及jQuery进行操作的方法。 #### 一、使用`window.open()`刷新父窗口 `window.open()`方法用于创建一个新的...

    javascript无刷新窗口,鼠标壳拖动窗口位置

    总的来说,"javascript无刷新窗口,鼠标壳拖动窗口位置"涉及到了前端开发中的动态页面更新、用户交互设计以及JavaScript事件处理等多个方面,这些都是现代Web开发中的核心技能。通过熟练掌握这些技术,开发者可以...

    判断页面是关闭还是刷新的js代码

    在探讨“判断页面是关闭还是刷新的js代码”这一主题时,我们首先需要理解网页生命周期中的几个关键事件:`onload`、`onunload`、`onbeforeunload`以及`onclose`。这些事件在网页加载、卸载或刷新过程中扮演着重要...

    jsp与javascript配合,父窗口与子窗口之间刷新

    - **通过消息传递**:使用`window.postMessage()` API,子窗口可以向父窗口发送消息,父窗口监听`message`事件,接收到消息后执行刷新操作。 - **设置父窗口URL参数**:子窗口可以更改父窗口的URL,添加或改变查询...

Global site tag (gtag.js) - Google Analytics