用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 相关文章推荐
Prototype1.6 JS 官方下载地址
Nov 30 Javascript
Javascript 获取滚动条位置等信息的函数
Sep 08 Javascript
javascript 清空form表单中某种元素的值
Dec 26 Javascript
JS 打印功能代码可实现打印预览、打印设置等
Oct 31 Javascript
AngularJS HTML编译器介绍
Dec 06 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
Feb 16 Javascript
设置cookie指定时间失效(实例代码)
May 28 Javascript
Angular模板表单校验方法详解
Aug 11 Javascript
vue组件从开发到发布的实现步骤
Nov 11 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
Jul 21 Javascript
JavaScript交换变量常用4种方法解析
Sep 02 Javascript
Vue页面渲染中key的应用实例教程
Jan 12 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
php中根据某年第几天计算出日期年月日的代码
2011/02/24 PHP
PHP中使用php://input处理相同name值的表单数据
2015/02/03 PHP
解决ThinkPHP关闭调试模式时报错的问题汇总
2015/04/22 PHP
php实现等比例不失真缩放上传图片的方法
2016/11/14 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
jquery 日期控件datepicker属性详细解析
2013/11/08 Javascript
简单方法判断JavaScript对象为null或者属性为空
2014/09/26 Javascript
JavaScript常用基础知识强化学习
2015/12/09 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
2016/10/11 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
2017/03/01 Javascript
jQuery条件分页 代替离线查询(附代码)
2017/08/17 jQuery
JS基于递归实现网页版计算器的方法分析
2017/12/20 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
2018/10/19 Javascript
微信小程序通过一个json实现分享朋友圈图片
2019/09/03 Javascript
uniapp 仿微信的右边下拉选择弹出框的实现代码
2020/07/12 Javascript
深入理解Python中装饰器的用法
2016/06/28 Python
Python 详解基本语法_函数_返回值
2017/01/22 Python
如何在python中使用selenium的示例
2017/12/26 Python
Python发送邮件测试报告操作实例详解
2018/12/08 Python
Python魔法方法详解
2019/02/13 Python
python制作简单五子棋游戏
2019/06/18 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
tensorflow入门:TFRecordDataset变长数据的batch读取详解
2020/01/20 Python
在python中求分布函数相关的包实例
2020/04/15 Python
Python抖音快手代码舞(字符舞)的实现方法
2021/02/07 Python
CSS3的新特性介绍
2008/10/31 HTML / CSS
基于HTML5 audio元素播放声音jQuery小插件
2011/05/11 HTML / CSS
用html5的canvas画布绘制贝塞尔曲线完整代码
2013/08/14 HTML / CSS
canvas绘制视频封面的方法
2018/02/05 HTML / CSS
详解h5页面在不同ios设备上的问题总结
2019/03/01 HTML / CSS
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
Python中如何定义一个函数
2016/09/06 面试题
龙门石窟导游词
2015/02/02 职场文书
物业接待员岗位职责
2015/04/15 职场文书
2015年度环卫处工作总结
2015/07/24 职场文书
初一数学教学反思
2016/02/17 职场文书