用javascript关闭本窗口技巧小结


Posted in Javascript onSeptember 05, 2014

大家都知道window.close()是用来关闭窗口的,而且ie和firefox都是支持的。

为了实现用户对浏览器的绝对控制,ie中用close关闭非open打开的窗口时回弹出一个对话框询问用户,怎么去掉这个框呢,请看下面的代码。

function winClose(){ window.top.opener = null; window.close(); }

在window.close之前加上window.top.opener = null就可以了。

有人说firefox不支持close,其实这是错误的,之所以window.close在firefox不能使用,是因为firefox默认不能关闭用户打开的网页,可以这样设置firefox。

打开firefox,在地址栏输入about:config
找到dom.allow_scripts_to_close_windows这项并改为true。
需要说的是在firefox中没有弹出对话框的麻烦。

<script>
function a(){
window.open('','_parent','');
window.opener = window;
window.close(); 
}
</script>

再运行这个就能在ff下关闭了。

看到这些,如果让客户去设置的话,等于没有做这个功能,所以说结果不是很满意,不知道有没有其他好的替代方法。

后记:利用打开一个新窗口,然后关闭这个页面就可以实现关闭当前页面。谢谢strangebank。不过奇怪的是昨天我用ff2试验的时候没有成功,今天用3成功的。真是活见鬼了,今天在同事机子上用2做试验,又可以了。不过一早解决问题还是不错的哦。^_^

index.html

<a href="c.html" target="_blank">ddddddddd</a>

c.html

<a href="javascript:window.open('','_parent','');window.close();">Close Window</a>
Javascript 相关文章推荐
字符串的replace方法应用浅析
Dec 06 Javascript
Javascript模块化编程(一)AMD规范(规范使用模块)
Jan 17 Javascript
js实现通用的微信分享组件示例
Mar 10 Javascript
Node.js操作mysql数据库增删改查
Mar 30 Javascript
微信公众号 摇一摇周边功能开发
Dec 08 Javascript
JS实现的表头列头固定页面功能示例
Jan 10 Javascript
微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
Jan 17 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
Jul 21 Javascript
vue移动端实现下拉刷新
Apr 22 Javascript
JavaScript创建防篡改对象的方法分析
Dec 30 Javascript
微信小程序 setData 对 data数据影响问题
Apr 18 Javascript
Vue实现图书管理小案例
Dec 03 Vue.js
使用jquery解析XML示例代码
Sep 05 #Javascript
js实现按一下删除键删除整个单词附demo
Sep 05 #Javascript
JS获取当前网页大小以及屏幕分辨率等
Sep 05 #Javascript
JS来动态的修改url实现对url的增删查改
Sep 05 #Javascript
jQuery表格插件datatables用法总结
Sep 05 #Javascript
jQuery中index()的用法分析
Sep 05 #Javascript
使用jquery解析XML的方法
Sep 05 #Javascript
You might like
PHP4实际应用经验篇(6)
2006/10/09 PHP
php递归实现无限分类的方法
2015/07/28 PHP
PHP Cli 模式设置进程名称的方法
2019/06/12 PHP
详解将数据从Laravel传送到vue的四种方式
2019/10/16 PHP
Laravel5.1 框架响应基本用法实例分析
2020/01/04 PHP
BOOM vs RR BO3 第一场2.13
2021/03/10 DOTA
javascript一点特殊用法
2008/05/28 Javascript
javascript是怎么继承的介绍
2012/01/05 Javascript
js每隔5分钟执行一次ajax请求的实现方法
2013/11/27 Javascript
javascript跨浏览器的属性判断方法
2014/03/16 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
2015/03/04 Javascript
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
jQuery基于扩展简单实现倒计时功能的方法
2016/05/14 Javascript
Servlet实现文件上传,可多文件上传示例
2016/12/05 Javascript
利用jquery禁止外层滚动条的滚动
2017/01/05 Javascript
微信小程序 页面跳转如何实现传值
2017/04/05 Javascript
详解微信小程序 template添加绑定事件
2017/06/23 Javascript
详解基于angular-cli配置代理解决跨域请求问题
2017/07/05 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
2017/07/20 jQuery
bootstrap datepicker插件默认英文修改为中文
2017/07/28 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
2017/12/12 Javascript
一次Webpack配置文件的分离实战记录
2018/11/30 Javascript
6行代码实现微信小程序页面返回顶部效果
2018/12/28 Javascript
vue中引入mxGraph的步骤详解
2019/05/17 Javascript
python基础教程之常用运算符
2014/08/29 Python
用实例详解Python中的Django框架中prefetch_related()函数对数据库查询的优化
2015/04/01 Python
Python求导数的方法
2015/05/09 Python
python简单实现基于SSL的IRC bot实例
2015/06/15 Python
python编程使用selenium模拟登陆淘宝实例代码
2018/01/25 Python
pyttsx3实现中文文字转语音的方法
2018/12/24 Python
python 利用百度API识别图片文字(多线程版)
2020/12/14 Python
澳大利亚音乐商店:Bava’s Music City
2019/05/05 全球购物
践行三严三实心得体会
2014/10/13 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
小学四年级班务总结该怎么写?
2019/08/16 职场文书
css实现左上角飘带效果的完整代码
2022/03/18 HTML / CSS