兼容各版本浏览器的关闭事件window.close

最新推荐文章于 2022-07-07 15:14:42 发布
原创 最新推荐文章于 2022-07-07 15:14:42 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一段JavaScript代码，用于清除浏览器顶部窗口并重新打开当前页面的实例。通过设置`top.window.opener=null;`来解除与父窗口的链接，使用`top.window.open`方法创建一个新的窗口实例，并通过`top.window.close()`关闭顶部窗口。

top.window.opener = null;

       top.window.open('','_self','');

       top.window.close();

探索浏览器页面关闭window.close()的使用详解
10-14
【浏览器页面关闭window.close()的使用详解】 在Web开发中，有时我们需要在用户操作后关闭当前浏览器窗口。这时，`window.close()`函数通常被用来实现这一功能。然而，`window.close()`并不像其他JavaScript方法...
FF（火狐）浏览器无法执行window.close()解决方案
09-04
1. 使用`window.opener`属性：如果窗口是由父窗口打开的，你可以使用`window.opener.window.close()`来尝试关闭父窗口，因为浏览器通常允许关闭打开它的窗口。 2. 使用模态对话框：在需要关闭窗口的场景下，可以使用...
如何在safari浏览器下用window.close()
windcloudyyh的专栏
12-23 2942
最近在解bug时遇到这样一个问题，在js里面使用window.close()，IE浏览器中可以，但在safari中不可，经过调试可以这样写：top.window.opener = null;top.window.open(,_self,); top.window.close();很奇特啊，就只在原来的基础上加了top.window.o
浏览器事件window.onload、o…
全栈空间
05-04 1169
原文地址：浏览器事件window.onload、onfocus、onblur、onscroll和resize作者：lilyxiao Sample Page! window.onload = function(){  var msg = "nwindow.onload 事件：nn";  msg += "浏览器载入了文档：";  alert(msg); } window.onfocus = fu
window.close 兼容性
ISaiSai的专栏
04-11 2344
window.close 在被 window.open 的页面上使用的时候没有问题当在浏览器敲击地址的页面上需要使用如下标准代码：var userAgent = navigator.userAgent; if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") !=-1) { window.location.hr
window浏览器事件
qq_39115357的博客
07-04 531
window浏览器事件 load 加载 window.onload不仅是页面的加载，还在等待资源的加载 document.onload仅仅是页面的加载 document.onreload仅仅是页面的加载 resize 改变大小 scrool 滚动 hihstory历史记录 控制浏览器的“前进后退刷新”等于历史记录相关的功能 不方便在代码中临时测试，所以在浏览器中打开其他页面测试 属性： 历史记录的个数：history.length 方法： 前进：history.forword(); 后退：history
兼容所有浏览器的窗口关闭方法
weixin_30588675的博客
08-27 184
平时在做项目的时候会碰到在页面点击文字直接退出浏览器窗口的效果！但是浏览器在实现关闭效果是不一致的！ 下面的demo介绍的这个demo可以正常关闭ie,chrome等主流浏览器！但是火狐的实现是通过打开一个空页面来实现的！如果要实现和ie一样关闭的效果，需要开启相应的权限！ 按照如下所示操作： 打开firefox,在地址栏输入about:config找到dom.allow_scripts_...
兼容性强的js捕捉网页刷新关闭退出事件的方法
weixin_30455023的博客
06-26 146
当我们离开一个网页时，往往需要提醒用户自己的这一行为，比如我正在编辑一个文档，或者我是在使用网上银行，我希望在自己操作失误之后能给我一次改正的机会。这里说道的离开一个网页，其实分为好几种情况：刷新 关闭 后退我们经常用到页面关闭事件onbeforeunload，可以给用户一个选择放弃关闭的机会，就比如这个博客编辑器。如果用户选择了离开，那么onunload事件自然会触发；但若用户选择了取消（或者是...
window.close(); 关闭浏览器窗口js代码的总结介绍
11-26
JavaScript中的`window.close()`函数主要用于关闭当前浏览器窗口。然而，它的行为在不同的浏览器中可能存在差异，这主要与各个浏览器的安全策略和用户交互模式有关。以下是对`window.close()`及其相关用法的详细解释...
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
09-04
在Web开发中，尤其是在处理浏览器兼容性问题时，开发者经常会遇到特定功能在不同版本的浏览器中表现不一致的情况。本文将深入探讨一个这样的问题：`window.opener = null; window.close()` 这段代码在IE6中能够正常...
浏览器根对象window之事件
weixin_34321977的博客
02-12 355
1. [事件]动画 onanimationstart onanimationend onanimationiteration onwebkitanimationend onwebkitanimationiteration onwebkitanimationstart 2. [事件]过渡 ontransitionend事件在 CSS 完成过渡后触发。 onwebkitt...
各个版本浏览器下使用window.close()兼容问题
黎小小的博客
02-07 6329
谷歌和火狐浏览器下，不能使用关闭window.close()方法关闭本页        function exit(){   if (navigator.userAgent.indexOf("MSIE") > 0) {            window.opener = null;            window.close();        } else if (navigat
Window.close()
L-BAKE
12-17 1137
转自:http://zhidao.baidu.com/question/100383751.html 用JS的Window.close()事件，详细讲解如下： window.close（）关闭指定的浏览器窗口。如果不带窗口引用调用close（）函数， JavaScript就关闭当前窗口。在事件处理程序中，你必须指定window.close（），而不能仅仅使用close（）。由于 JavaS
网页关闭（解决window.close在火狐下不兼容问题）
weixin_46246967的博客
08-19 74
网页关闭（解决window.close在火狐下不兼容问题）
【前端学习】前端学习第十八天：BOM浏览器对象模型中window对象常见事件
qq_49916504的博客
04-07 438
一、BOM概述： BOM，全称为浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window，window对象是浏览器的顶级对象。BOM是包含DOM的。 二、window对象的常见事件： 1、窗口加载事件 window.onload:页面加载事件，当文档内容完全加载完成时会触发该事件； 2、调整窗口大小 window.onresize=function(){...}:调整窗口大小事件，需注意的是，window.innerWidth()是当前屏幕的宽度； 三、wind
万能window.close()
牛肉胡辣汤
12-12 2875
function closeWin() { try { window.opener = window; var win = window.open("","_self"); win.close(); top.close(); } catch (e) { alert(e); } }
BOM（一）：window对象的常见事件（页面加载、调整窗口大小）、定时器
weixin_42044763的博客
07-07 1289
BOM（Browser Object Model）:浏览器对象模型，主要是和浏览器窗口交互 BOM包含了DOM 使用window.load添加页面加载事件，这样即使标签在script代码的下面也是可以执行的，也就是load会等页面内容加载完毕后（包括DOM，图片，flash，css等）再去走window.load里面的代码。但是这个不能重复添加，重复添加会被覆盖，这个之前讲过 （2）使用方法监听注册事件 （3）DOMContentLoaded加载完DOM就显示 DOMContentLoaded是DOM加
浏览器事件对象详解
sysuzhyupeng的博客
04-06 2024
客户端js程序采用了异步事件驱动模型，每当我们点击或敲击键盘时，浏览器就会产生事件，如果js程序关注特定类型的事件，那么它可以注册当这类事件发生时要调用的一个或多个处理函数。这种风格并不止应用于web编程，所有使用图形用户界面的应用程序都采用了它。它们等待事件发生，然后它们响应。 事件类型(event type)是一个用来说明发生什么类型事件的字符串，例如mouseover表示用户移动鼠标，key
详解浏览器的事件系统
杏子
05-28 1155
详解浏览器的事件模型一、事件二、事件类型三、注册事件四、事件流 一、事件 事件类型和事件目标 二、事件类型 表单时间 window事件 鼠标事件 键盘事件 H5 新增事件 移动设备事件 三、注册事件 对目标对象或文档元素添加属性 通过 addEventListener() 事件注册 调用顺序 通过设置属性的优先调用； 使用 addEventListener 注册的事件按照注册顺序调用 使...
有什么办法解决安卓浏览器无法使用window.close方法关闭窗口的问题
最新发布
09-12
解决安卓浏览器无法使用`window.close`方法关闭窗口问题，可从以下方面着手： ### 检查WebView设置 若在安卓WebView中遇到问题，需确保重写`WebChromeClient`的`onCreateWindow`方法。当调用`window.open`时，会回调该方法，可在此方法中通过新创建一个WebView来加载新的网页地址。若不重写，用同一个WebView加载新页面，调用`window.close`时，系统发现只有一个窗口，该方法会失效。示例代码如下： ```java webView.setWebChromeClient(new WebChromeClient() { @Override public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) { WebView newWebView = new WebView(view.getContext()); // 配置新的WebView newWebView.getSettings().setJavaScriptEnabled(true); WebView.WebViewTransport transport = (WebView.WebViewTransport) resultMsg.obj; transport.setWebView(newWebView); resultMsg.sendToTarget(); return true; } }); ``` ### 浏览器兼容性问题 不同浏览器对`window.close`的支持存在差异。如在RTMP直播项目测试中，部分安卓浏览器可正常使用`window.close`，但IOS浏览器均无法使用，QQ和百度浏览器对`window.close`和RTMP推流的支持较好[^3]。若遇到兼容性问题，可尝试引导用户使用支持该功能的浏览器。 ### 网页代码逻辑检查 确保网页代码中`window.close`的调用逻辑正确，且在合适的时机调用。例如，在通过`window.open`打开新窗口后，再在新窗口中调用`window.close`关闭该窗口。示例代码如下： ```javascript // 在A页面打开B页面 var newWindow = window.open('B.html', '_blank'); // 在B页面选择完毕后关闭窗口并传值给A页面 function closeAndSendValue() { var selectedValue = 'some value'; window.opener.someFunction(selectedValue); window.close(); } ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值