调用window.close()如何不出现确认窗口？

最新推荐文章于 2018-08-16 10:23:14 发布
最新推荐文章于 2018-08-16 10:23:14 发布
阅读量2.5k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Web 文章标签： javascript ie command object html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/URL/article/details/372574
在IE中，新的IE进程调用window.close()会跳出确认对话框，从其他窗口打开的则不会。以往通过HTML HELP的ActiveX组件使新窗口关闭不跳出对话框的方法，在IE5.5及以上版本因安全考虑被禁止，文中还提及有更简单办法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

当在IE中调用window.close()时，若当前IE是一个新的instance，即是一个new的IE进程，则IE会跳出一个确认对话框；若当前IE窗口是从其它IE窗口打开的，则不跳出对话框。

要使新的IE窗口在关闭时不跳出确认对话框，以往的做法是调用HTML HELP的ActiveX组件的功能，如：

<object id=closeWindow classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Close"></object>
<a href="javascript:document.all.closeWindow.Click()">关闭窗口</a>

出于安全性的考虑，这个办法在IE5.5及以上的版本中已经禁止了。

其实还有个最简单的办法：

<a href="javascript:window.opener=null;window.close()">关闭窗口</a>

呵呵，太简单了，为什么以前少有人试呢？

呵呵，太简单了，为什么以前少有人试呢？
URL
关注
专栏目录
closewindow.js
06-24
兼容各浏览器的通用关闭JS，兼容的浏览器有火狐、谷歌、IE等！
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
09-04
在这种情况下，设置 `window.opener = null` 并不能阻止浏览器在调用 `window.close()` 时显示确认对话框。因此，`window.close()` 无法在没有用户确认的情况下关闭窗口。 为了解决这个问题，一种可行的解决方案是...
window.close() 有提示信息的解决办法
博海软件
07-19 1119
1、在页面中使用window.close()来关闭打开的页面时，IE8有时会弹出提示信息：你正在试图关闭.....；现在我们不想在调用window.close()时，弹出上述提示信息，而时直接关闭打开的页面：解决办法如下： window.opener = null; window.open("about:blank","_self"); window.close();  2....
window.close 不弹确认框
gd2008的专栏
02-02 812
ie7,ie8上使用window.close()方法时，会弹出确认框是否要关闭。 可以用下面的方法屏蔽 window.opener=null;  window.open('','_self');  window.close();
Window.Close();Window.Open();
01-06 246
1、Javascript关闭当前窗口 window.close()就可以，不过它会出个提示“您查看的网页正在试图关闭窗口。是否关闭窗口？”，如何才能不弹出这个提示？ “如果你第一次打开这个网页，window.close()就会弹出提示，如果这个网页是由其它的网页window.open()出来的页面，window.close()时，就不会出现提示； <script langua...
[javascript]解决IE7的window.close()弹出确认提示框（转）
weixin_30908649的博客
06-10 230
一、打开新页面，原页面关闭，且不弹出确认提示框<a href="javascript:op();">打开</a><SCRIPT LANGUAGE="JavaScript"><!--var a;function op(){ a=window.open("about:blank","_top"); a.document.write("<a h...
window.close(); 关闭浏览器窗口js代码的总结介绍
11-26
- 这个组合首先用`window.open`打开一个空白页面到当前窗口自身（`"_self"`），然后再调用`window.close()`关闭。在某些浏览器中，这种方法可以成功关闭窗口，因为它实际上是在尝试替换当前窗口的内容，然后立即...
javascript消除window.close()的提示窗口
10-24
有人问起，怎么去掉js调用window.close()时怎么去掉那可恶的提示，咋一看好像还真不好弄，IE的安全机制好像就不允许通过脚本关闭本页面，但是IE好像可以允许js关闭弹出窗口，那我们是不是可以通过一定的技巧欺骗一下...
解决[removed]window.close()在chrome,Firefox下失效的问题
12-09
某个窗口可以通过调用 self.close() 或只调用 close() 来关闭其自身。只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭。这阻止了恶意的脚本终止用户的浏览器。  在IE中，window.close()能生效，在...
探索浏览器页面关闭window.close()的使用详解
10-14
然而，`window.close()`并不像其他JavaScript方法那样简单易用，因为它受到浏览器的严格限制，尤其在兼容性和安全性方面。本文将深入探讨`window.close()`的使用方法和潜在问题。 **1. window.close()的使用语法** ...
让window.close()不提示对话框
03-29
让window.close()不提示对话框
close window
weixin_34380948的博客
12-07 321
----------------例子1------------代码： <script>window.onbeforeunload=function(){alert("111222");varn=window.event.screenX-window.screenLeft;varb=n>document....
close Window
tgyd2006的专栏
08-07 175
----------------例子1------------代码： &lt;script&gt;window.onbeforeunload = function() {alert("111222");  var n = window.event.screenX - window.screenLeft;  var b = n &gt; document.documentElement.scroll...
closewindowl
10-30 278
      函数功能：该函数最小化指定的窗口，但并不销毁该窗口。    函数原型：BOOL CloseWindow(HWND hWnd);    参数：    hWnd：将要最小化的窗口的句柄。    返回值：如果函数成功，返回值为非零；如果函数失败，返回值为零。若想获得更多错误信息，请调用GetLastError函数。    备注：窗口尺寸被最小化成一个图标，并移动到屏幕的图标区域。系统显示窗口
selenium测试（Java）--关闭窗口（二十）
dbkahhs97022的博客
08-05 453
quit方法：退出相关的驱动程序和关闭所有窗口 close方法：关闭当前窗口 package com.test.closewindow; import java.util.Iterator; import java.util.Set; import org.openqa.selenium.By; import org.openqa.selenium.Javascr...
关闭窗口
丰空岛主(Vega Prime,Android,LabWindows,ThreeJS,Python,OpenCV）
04-27 888
<br /><br /><br />CloseWindow不是我们现在意义上的把窗口关闭了,而是使其最小化,是变成图标的形式. <br />要直正的关闭窗口,要用DestroyWindow这个函数. <br /><br />退出程序用 AfxGetMainWnd()->SendMessage(WM_CLOSE);<br />关闭当前窗口 用 DestroyWindow( ); <br />关闭模式对话框用 EndDialog(0);<br /> <br />SendMessage(hWnd,WM_CLOSE
子进程调用close()会发生什么？
仰望星空
08-09 1109
一般来说，子进程调用close（）不会发生什么。close()函数关闭文件时，并不是在任何情况下都直接关闭文件，而是找出struct file结构体中f_count成员,执行自减操作；直到f_count为0，才是真正的关闭文件。这就是著名的技术——引用计数。 #include&lt;stdio.h&gt; //printf()打印输出 #include&lt;stdlib.h&gt; //ex...
window.close()及常见的关闭浏览器窗口操作
热门推荐
大小都是愁的成长之路
08-16 3万+
close 方法只能关闭由自己打开的window,但实际应用中会有很多方式打开一个页面 用多种方式打开一个页面，然后用 window.close() 关闭它，在各浏览器下表现是有所不同的，差异如图 （图片来源脚本之家） 其中地址栏直接输入url的方式中，close效果最...
解决IE7的window.close()弹出确认提示框
ripeyd的专栏
05-15 987
一、打开新页面，原页面关闭，且不弹出确认提示框a href="javascript:op();">打开a>SCRIPT LANGUAGE="JavaScript">var a;function op(){   a=window.open("about:blank","_top");   a.document.write(""javascript:self.opener=null;self.clos
element plus 弹窗点击取消调用window.close方法
最新发布
04-01
<think>嗯，用户问的是关于Element Plus弹窗点击取消时调用window.close方法的问题。首先，我需要回忆一下Element Plus的组件，特别是弹窗组件，比如ElDialog。通常，用户会在点击取消按钮时触发某些操作，但这里他们希望调用window.close()来关闭浏览器窗口。 首先，我得确认用户的使用场景。可能是在一个弹窗中，当用户点击取消按钮时，希望直接关闭当前窗口。不过，使用window.close()可能会有浏览器的安全限制，比如只有在通过window.open()打开的窗口或者某些特定情况下才能成功关闭。这点需要提醒用户，避免他们遇到问题却不知道为什么。 接下来，我需要考虑如何在Element Plus的ElDialog组件中实现这一点。ElDialog通常会有两个插槽，一个是确认按钮，一个是取消按钮。用户可能是在取消按钮的事件处理函数中调用window.close()。这时候需要检查代码结构是否正确，是否确实在取消按钮的点击事件上绑定了这个方法。 然后，可能的代码示例是怎样的呢？比如，在Vue组件中，使用v-model控制弹窗的显示，然后在取消按钮的@click事件中调用handleCancel方法，这个方法里面执行window.close()。但这里需要注意的是，如果直接调用，浏览器可能会阻止这个操作，所以可能需要先检查是否有权限，或者是否有其他条件满足。 另外，用户可能有其他需求，比如在关闭窗口前执行一些清理操作，或者提示用户保存数据。这时候需要建议他们在调用window.close()之前处理这些逻辑。比如，在handleCancel方法中先进行数据检查，如果有未保存的更改，提示用户，否则再关闭窗口。 还需要考虑兼容性问题，不同的浏览器对window.close()的支持不同。比如，在Chrome中，可能只能关闭由脚本打开的窗口，而Firefox可能有不同的行为。这时候需要提醒用户测试不同浏览器下的表现，并提供替代方案，比如使用history.back()返回上一页，或者跳转到一个空白页面，提升用户体验。 此外，Element Plus的弹窗可能有关闭前的回调，比如before-close属性，可以在这里执行异步操作，比如弹出确认对话框，用户确认后再关闭窗口。这时候需要展示如何使用before-close来处理，确保用户了解如何整合这些功能。 最后，要确保整个回答结构清晰，分步骤说明实现方法，注意事项和常见问题，让用户能够逐步理解和解决问题。同时，强调浏览器安全限制，避免用户在实际应用中遇到问题而不知所措。</think>我将分步骤为您讲解如何在Element Plus弹窗中实现点击取消调用`window.close()`的方法： 1. **基础实现逻辑** ```vue <template> <el-dialog v-model="dialogVisible" @close="handleCancel"> <template #footer> <el-button @click="dialogVisible = false">取消</el-button> <el-button type="primary" @click="handleConfirm">确定</el-button> </template> </el-dialog> </template> <script setup> import { ref } from 'vue' const dialogVisible = ref(true) const handleCancel = () => { window.close() // 浏览器可能阻止此操作 } const handleConfirm = () => { // 确认逻辑 } </script> ``` 2. **需要注意的浏览器限制** - 该方法只能关闭通过`window.open()`打开的窗口 - 主窗口默认不允许自行关闭 - 现代浏览器会弹出确认提示（用户可禁用） 3. **推荐替代方案** ```javascript const handleCancel = () => { // 方案1：返回上一页 window.history.back() // 方案2：跳转空白页（更友好） window.location.href = 'about:blank' // 方案3：关闭前提示 if(confirm('确定要离开吗？')) { window.close() } } ``` 4. **整合Element Plus特性** ```vue <el-dialog :before-close="beforeClose" ... > ... // 关闭前处理 const beforeClose = (done) => { if(confirm('确认关闭？')) { window.close() done() } else { done(false) } } ``` **注意事项：** 1. 生产环境慎用`window.close()`，可能导致用户体验问题 2. 推荐使用路由导航代替直接关闭窗口 3. 如需强制关闭，建议与服务端配合清理会话 4. 移动端浏览器通常不支持此方法 如果需要更具体的实现方案，请提供您的使用场景细节（如：是否是子窗口、是否涉及路由管理等），我可以为您定制更安全的实现方式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值