用js来关闭当前页

最新推荐文章于 2023-02-20 14:22:56 发布
原创 最新推荐文章于 2023-02-20 14:22:56 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #qq

用js来关闭当前页 下面两种常用方法

第一种：写在js标签里面
<script type="text/javascript">
alert("js关闭当前页面");
window.open("","_top");
window.top.close();
</script>

第二种：也可以直接用下面的简单方法关闭当前页面
<A href="javascript:window.close();" >【关闭本页】</A>

一般使用第二种最简单，也推荐使用第二种。

如果还有其他疑问可以点击左边的QQ联系我们，我们将竭诚的为您服务！

编辑部

 


该用js来关闭当前页来源于成都网约科技
Javascript关闭当前窗口
01-17
是一个TXT文档，在网上搜集的，关于在JSP页面中直接关闭当前窗口的Javascript代码，不弹出任何提示框。
JS关闭当前窗口网页
fmd316的博客
10-12 1857
JS 点击页面弹出对话框，点击确定，即可关闭页面。（兼容EDGE,火狐,谷歌浏览器）
JS关闭当前页面
weixin_39501680的博客
06-09 8432
JS关闭当前页面
js技能提升——关闭当前页面
yehaocheng520的博客
10-21 8472
最近在做后台管理系统时，遇到一个需求，点击某个按钮时，需要重新打开一个浏览器选项卡，然后还可以关闭此选项卡。 打开新的浏览器选项卡 window.open(url, '_blank'); 此时只需要拿到正确的url进行赋值即可实现。 关闭当前浏览器选项卡 function closeWin(){ if (navigator.userAgent.indexOf("Firefox") != -1 || navigator.userAgent.indexOf("Chrome") != -1) { wi
js关闭当前页面
webpon
02-28 352
1. 不带任何提示关闭窗口的js代码 <a href="javascript:window.opener=null;window.open('','_self');window.close();">关闭</a> 2.自定义提示关闭 <script language="javascript"> // 这个脚本是 ie6和ie7 通用的脚本 function...
js--关闭当前网页
前端小菜鸟的成长记录
02-20 970
想要关闭网页,直接通过window.close是不能关闭的。
JS_js关闭当前页面
小歪博客
05-20 4750
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("", "_.
JS关闭当前页面的方法
diaoguosui6417的博客
08-01 303
一、不带任何提示关闭窗口的js代码 1 <a href="javascript:window.opener=null;window.open('','_self');window.close();">关闭</a> 二、自定义提示关闭 1 <script language="javascript"> 2 // 这个脚本是 ie6和...
js实现当前页面关闭功能
一只没有脚的鸟
03-04 2万+
页面实现 &amp;lt;div&amp;gt; &amp;lt;input type=&quot;button&quot; value=&quot;关闭当前页&quot; class=&quot;close&quot; onclick=&quot;closeWin()&quot;&amp;gt; &amp;lt;/div&amp;gt; js的关闭方法 function clos
【常用代码11】js关闭当前页面，关闭当前浏览器窗口。
qq_51055690的博客
11-18 6216
js关闭当前窗口代码window.open('','_self');window.close();
JS关闭当前网页
deng11342的专栏
11-19 1万+
JS关闭网页兼容IE6,IE7,IE8,FF,Chrome (2011-08-15 20:14:11)转载▼ 标签： ajax javascript php asp c it 分类： JavaScript 带确认对话框： if(confirm("您确定要关闭本页吗？")) { self.opener=null; self.open('','_self'); self.close(); } 不提
兼容所有浏览器的js关闭当前网页代码
热门推荐
Thinking
06-01 8万+
文章来源： 文章一： 关于 IE firefox Chrome下的通过用js 关闭窗口的一些问题 http://www.cnblogs.com/caichongdd/archive/2012/11/27/2791050.html 首先IE是可以通过window.close()来关闭浏览器窗口的，但是在firefox和Chrome下是无效的，原因在于： Firefo
js 关闭当前页面
Rickysss的博客
07-16 2159
function closeCurrentPage() {    var userAgent = navigator.userAgent;    if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") !=-1) {        window.location.href="about:blank";       ...
JavaScript关闭当前页面(窗口)
yuhangkit
03-25 6710
1. 不带任何提示关闭窗口的js代码 关闭 2.自定义提示关闭     function custom_close() {         if (confirm("您确定要关闭本页吗？")) {             window.opener = null;             window.open('', '_self');             wind
JS关闭当前页面的几种方式.
chenyuanyuan1992的博客
12-07 254
1. 不带任何提示关闭窗口的js代码 <a href="javascript:window.opener=null;window.open('','_self');window.close();">关闭</a> 2.自定义提示关闭 &l...
js关闭当前窗口、标签页
weixin_42497122的博客
04-04 9286
js关闭当前窗口、标签页 1、通过a标签 <a href="javascript:window.opener=null;window.open('','_self');window.close();">关闭当前窗口</a> 2、通过按钮 <body> <button id="btn">关闭当前窗口</button> </b...
原生js点击按钮关闭当前页
最新发布
03-23
<think>好的，用户想用原生JavaScript实现点击按钮后关闭当前页面的功能。首先，我得回忆一下相关的JavaScript方法。记得关闭窗口可以使用window.close()方法，但这个方法有一些限制，特别是在现代浏览器中，通常只能关闭由JavaScript打开的窗口，或者需要用户事先交互过页面才能关闭当前标签页。 接下来，我需要考虑如何创建按钮并绑定点击事件。用户要求用原生JavaScript，所以不能用jQuery或其他库。首先，用document.createElement创建一个按钮元素，设置它的文本和样式，然后添加到页面中。然后，给按钮添加点击事件监听器，当点击时调用window.close()。 不过，可能会遇到问题，比如在某些浏览器中直接调用window.close()可能无效。这时候需要提示用户可能需要先与页面交互，比如先点击页面上的其他元素，或者需要用户确认。不过根据规范，如果页面是通过window.open()打开的，或者用户触发了某些交互行为，比如点击按钮，那么window.close()是可以生效的。 然后，我需要检查代码的正确性，确保语法正确，比如正确使用addEventListener，函数是否正确。同时，考虑到用户可能直接在本地文件或服务器上测试，不同浏览器的行为可能不同，需要提醒用户注意这一点。 另外，根据用户提供的引用，尤其是引用[3]中提到使用document.querySelector和DOM操作，所以创建按钮并添加到DOM中的步骤是正确的。同时引用[2]提到JavaScript处理用户点击事件，所以绑定事件监听器是合适的。 最后，总结实现步骤，确保代码示例清晰，并给出注意事项，比如浏览器兼容性和用户交互要求。这样用户就能理解代码的工作原理和可能遇到的问题。</think>要使用原生JavaScript实现点击按钮关闭当前网页的功能，可以按照以下步骤实现： ### 一、代码实现 ```html <!DOCTYPE html> <html> <body> <!-- 创建关闭按钮 --> <button id="closeBtn">关闭页面</button> <script> // 获取按钮元素 const closeButton = document.getElementById('closeBtn'); // 添加点击事件监听 closeButton.addEventListener('click', function() { // 关闭当前窗口 window.close(); // 兼容性处理（可选） if (!window.closed) { alert('请手动关闭窗口或检查浏览器权限'); } }); </script> </body> </html> ``` ### 二、实现原理 1. **DOM操作**：使用`document.getElementById`获取按钮元素[^3] 2. **事件监听**：通过`addEventListener`绑定点击事件[^2] 3. **窗口关闭**：调用`window.close()`方法关闭当前窗口 4. **兼容处理**：检测`window.closed`属性判断是否关闭成功 ### 三、注意事项 1. **浏览器限制**：现代浏览器默认禁止非用户触发的窗口关闭操作 2. **生效条件**： - 页面必须是通过`window.open()`方法打开的 - 或用户已与当前页面进行过交互（如点击、滚动等） 3. **安全策略**：部分浏览器会弹出确认对话框要求用户确认 ### 四、替代方案 ```javascript // 使用超链接实现（需要用户确认） closeButton.onclick = () => { window.location.href = 'about:blank'; window.close(); } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值