`
cwqcwk1
  • 浏览: 87425 次
文章分类
社区版块
存档分类
最新评论

js监听和触发浏览器窗口关闭事件

 
阅读更多

js关闭浏览器窗口

js关闭浏览器窗口,不弹出提示框。支持ie6+,火狐,谷歌等浏览器。

<html>
<head />
<body>
<script type="text/javascript">
function closeWin(){
	window.opener=null;
	window.open('','_self','');
	window.close();
}
</script>
<a onclick="closeWin()" href="#">logout</a>
</body>
</html>

火狐默认不支持js关闭浏览器窗口,可以在about:config中将dom.allow_scripts_to_close_windows改为true。


js监听浏览器关闭事件
js检查浏览器关闭或刷新事件,主动弹出提示框。支持ie6+,火狐,谷歌等浏览器。
<html>
<head />
<body>
<script type="text/javascript">
window.onbeforeunload = function(){
	return "quit?";   
}
</script>
</body>
</html>

分享到:
评论

相关推荐

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

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

    JS监听关闭浏览器事件

    ### JS监听关闭浏览器事件 在Web开发中,有时我们需要对用户关闭浏览器窗口或标签页的行为进行监测,并在这些行为发生前执行某些操作。这通常涉及到`onbeforeunload`和`onunload`这两个事件处理程序。 #### 1. `...

    javascript 浏览器窗口大小改变事件

    在JavaScript中,有以下两个主要的事件用于监听浏览器窗口大小的变化: 1. `resize` 事件:这是最直接与窗口大小变化相关的事件。当你拖动浏览器窗口的边缘或者调整窗口大小时,浏览器会触发这个事件。你可以通过在...

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

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

    JS监听关闭浏览器事件之Onunload与Onbeforeunload

    在JavaScript中,对浏览器窗口关闭事件的监听是开发者经常需要用到的功能,这可以帮助我们在用户离开页面时执行一些必要的操作,比如保存数据、清理资源或者显示确认提示。本文将深入探讨两个关键的JavaScript事件:...

    js实现浏览器窗口大小被改变时触发事件的方法

    总结来说,理解并掌握如何使用JavaScript监听和响应窗口尺寸变化的事件对于创建交互式网页非常重要。无论是在开发响应式网页,还是在处理布局适配问题时,onresize事件都能够发挥重要作用。而通过学习示例和使用工具...

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

    - 检测`onbeforeunload`事件和`onunload`事件触发之间的时间间隔,以此来判断是刷新还是关闭。如果时间间隔较短,则倾向于认为是关闭页面。 示例代码如下: ```javascript window.onbeforeunload = function() { ...

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

    总的来说,Vue.js提供了一种优雅的方式来处理窗口关闭和刷新事件,通过结合`window.onbeforeunload`事件和Vue的生命周期钩子,我们可以实现对用户离开页面时的控制,从而提升用户体验并保证数据的完整性。...

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

    总之,区分页面刷新和关闭的需求在实际开发中很常见,可以通过利用浏览器的事件机制和本地存储机制实现。通过合理的设计和代码实现,可以大大提高用户体验和系统的健壮性。同时,这也是一个很好的例子,说明了产品...

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

    此事件在浏览器窗口即将关闭时触发。需要注意的是,不同浏览器对此事件的支持程度和行为有所不同。 ```javascript window.onbeforeunload = function() { if (flag) { var evt = window.event || arguments[0]; ...

    js调用浏览器打印模块实现点击按钮触发自定义函数

    在探讨如何利用JavaScript调用浏览器的打印模块实现点击按钮时触发自定义函数的过程中,我们首先需要了解浏览器提供的打印API以及如何通过编程方式触发打印任务。现代浏览器通常提供了window.print()方法,该方法...

    JS根据浏览器窗口大小实时动态改变网页文字大小的方法

    本文主要介绍如何使用JavaScript实现根据浏览器窗口大小动态调整网页文字大小的功能。该技术在实现网页响应式设计中具有重要意义,允许网页内容在不同尺寸的屏幕设备上都能保持良好的可读性和布局适应性。 首先,...

    Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求

    实现Vue监听窗口关闭事件,并在关闭前发送请求,关键在于正确地使用 `beforeunload` 和 `unload` 事件,并且在适当的生命周期钩子中添加和移除事件监听器。在使用这些事件时,需要注意同步AJAX请求的限制和浏览器对...

    flex监听浏览器关闭事件

    当用户尝试关闭浏览器窗口时,`window.onbeforeunload`事件会被触发。我们可以通过在Flex应用中调用JavaScript来监听这个事件,并在必要时显示一个警告框或执行其他逻辑。 #### 2. 实现步骤 ##### 2.1 JavaScript...

    JS事件监听触发响应式布局

    JavaScript(JS)事件监听与触发在实现响应式布局中扮演着重要角色。通过理解这一概念,我们可以创建更加动态且适应性强的网页。 首先,我们需要了解响应式布局的基础,这是由Ethan Marcotte在2010年提出的。响应式...

    listenpage用于监听window窗口是否是顶层窗口监听窗口切换的方法

    在JavaScript开发中,有时我们需要对浏览器窗口的行为进行监控,例如检测窗口是否是顶层窗口,或者跟踪窗口间的切换事件。这就是`listenpage`的作用所在。这个工具或者方法专门设计用来实现这些功能,尤其适用于那些...

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

    通过上述示例,我们可以了解到在JavaScript中如何监听和响应窗口关闭或刷新事件,以及如何在这些事件中执行相应的操作。实际应用中,可能还需要根据不同的浏览器和安全策略进行调整,确保代码的兼容性和可靠性。在...

    浏览器窗口放大缩小后页面内容居中解决方法

    综上所述,要实现浏览器窗口放大缩小后页面内容居中,需要结合CSS布局技术,如Flexbox或Grid,以及JavaScript和jQuery的事件监听和动态计算。同时,响应式设计和性能优化也是不可忽视的环节。实际操作时,根据项目...

    浏览器关闭事件.txt浏览器关闭事件.txt浏览器关闭事件.txt浏览器关闭事件.txt

    浏览器关闭事件通常指的是当用户关闭浏览器窗口或者离开当前网页时触发的事件。这种事件对于开发者来说非常重要,因为它可以用来做一些清理工作,比如释放资源、保存用户状态等。 #### 如何监听浏览器关闭事件 在...

Global site tag (gtag.js) - Google Analytics