JS关闭当前窗口网页

已于 2023-10-12 12:07:49 修改
阅读量1.7k 收藏 6
点赞数 13
文章标签： javascript 前端
于 2023-10-12 12:06:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fmd316/article/details/133787626
版权

JS关闭当前窗口网页

功能具体描述：

点击页面弹出对话框，点击确定，即可关闭页面。（兼容EDGE,火狐,谷歌浏览器）1

实现效果

在这里插入图片描述

实现代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="button" value='退出/关闭页面' class="exit">
    <script>
        document.querySelector(".exit").addEventListener('click', function () {
            if (confirm('确定要退出吗？')) {
                if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Chrome") != -1) {
                    window.location.href = "about:blank";
                    window.close();
                } else {
                    window.opener = null;
                    window.open("", "_self");
                    window.close();
                };
            }
        })
    </script>
</body>
</html>

  1. PS:ie6/7/8如果有人测试可以评论一下哦。 ↩︎

js关闭当前页面(窗口)的几种方式总结
10-27
js关闭当前页面(窗口)的几种方式总结，需要的朋友可以参考一下
JS关闭当前页面
weixin_39501680的博客
06-09 8399
JS关闭当前页面
防止用户误关网页！1 行 JavaScript 代码实现浏览器关闭拦截
最新发布
前端开发探索之旅
03-12 348
家人们，大家好！今天分享一篇文章给大家！要是文章对你有帮助，激发了你的灵感，求个啦～后续还有超多惊喜，别错过！
js技能提升——关闭当前页面
yehaocheng520的博客
10-21 8349
最近在做后台管理系统时，遇到一个需求，点击某个按钮时，需要重新打开一个浏览器选项卡，然后还可以关闭此选项卡。 打开新的浏览器选项卡 window.open(url, '_blank'); 此时只需要拿到正确的url进行赋值即可实现。 关闭当前浏览器选项卡 function closeWin(){ if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Chrome") != -1) { wi
【常用代码11】js关闭当前页面，关闭当前浏览器窗口。
qq_51055690的博客
11-18 6168
js关闭当前窗口代码window.open('','_self');window.close();
5.js关闭当前页面(窗口)的几种方式
qq_44438941的博客
10-23 9368
日常总结
JavaScript关闭当前页面(窗口)不带任何提示
10-26
本文将详细解释如何使用JavaScript关闭当前页面或窗口，且不弹出任何提示信息。 1. 不带任何提示关闭窗口的js代码 实现不带任何提示关闭当前窗口的功能，可以通过直接调用window.close()方法来实现。但需要注意的是...
js实现不提示直接关闭网页窗口
10-20
在前面设置了`window.opener`为`null`之后，调用这个方法会立即关闭当前窗口，而不会有浏览器的确认提示。 结合上述知识点，我们可以创建一个函数，如`closePageForm()`，在用户触发关闭操作时调用。例如，我们可以...
JS关闭当前页面的几种方法
快乐每一天
12-22 436
1、直接关闭 [code="js"]window.close();[/code] 2、关闭并提示 [code="js"]window.opener = null; window.close();[/code] 1、关闭不提示 [code="js"]window.opener = null; window.open("", "_self"); window.close...
使用JavaScript关闭窗口的方法
weixin_71311086的博客
11-14 3985
使用JavaScript关闭窗口是一种非常实用的功能，可以帮助用户方便地退出页面或应用程序。本文介绍了几种关闭窗口的方法，包括使用window.close()、window.opener.close()、window.parent.close()和window.open()打开一个空白页面。需要注意的是，这些方法都有一定限制，不能满足所有情况下关闭窗口的需求。因此，在实际应用中，应根据具体情况选择适合的方法。
关于js关闭当前浏览器标签页的一些坑
weixin_44283589的博客
05-25 4947
这种写法首先检查浏览器是否支持 window.close() 方法，如果支持，则直接调用该方法关闭当前标签页；否则，使用 window.open() 方法打开一个空白页面，并将其作为当前窗口的内容，然后再调用 window.close() 方法关闭当前标签页。需要注意的是，由于浏览器安全策略的限制，通常只有通过 JavaScript 打开的窗口才可以通过 JavaScript 关闭。对于用户手动打开的窗口或标签页，无法通过 JavaScript 直接关闭。
学习使用php、js脚本关闭当前页面窗口的方法
徊忆羽菲
01-11 1341
在本文中，我们将介绍几种在php应用程序中关闭当前窗口的方法。这些方法包括使用JavaScript代码、通过http头文件来实现、以及使用服务器端脚本来实现。通过掌握这些方法，您将能够轻松地在您的php应用程序中关闭当前窗口。
js实现页面关闭
weixin_45724811的博客
08-01 295
【代码】js实现页面关闭。
js关闭当前页面
做一个有知识的流氓
06-08 1485
【代码】js关闭当前页面。
js--关闭当前网页
前端小菜鸟的成长记录
02-20 938
想要关闭网页,直接通过window.close是不能关闭的。
JS_js关闭当前页面
小歪博客
05-20 4741
function closeWindow(){ var userAgent = navigator.userAgent; if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") !=-1) { window.location.href="about:blank"; window.close(); } else { window.opener = null; window.open("", "_.
多种方式带你玩转 javascript 实现关闭浏览器页签
心猿码意
08-03 8207
你知道的越多，你不知道的越多 点赞再看，养成习惯 如果您有疑问或者见解，或者没有积分想获取项目，欢迎指教： 企鹅：869192208 文章目录前言方法一方法二方法三方法四方法五方法六附录 前言 近日，在工作中遇到这么一个需求。客户希望在页面上实现一个功能：点击按钮，保存并关闭当前页签。本着甲方就是BB的心态，简单记录几种 javascript 的实现方式。 方法一 描述： window.close() 实现代码： <!DOCTYPE html> <html lang="en"&gt.
js如何实现关闭当前页面
热门推荐
王鹤的博客
11-01 6万+
js如何实现关闭当前页面 // 关闭当前页面 window.opener = null; window.open('', '_self'); window.close();
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值