用javascript关闭本窗口技巧小结

 更新时间:2014年09月05日 18:17:03   投稿:whsnow  
window.close()是用来关闭窗口的,而且ie和firefox都是支持的,下面通过示例为大家介绍下用javascript关闭本窗口

大家都知道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中的HTTP通信专家Axios用法探索

    JavaScript中的HTTP通信专家Axios用法探索

    Axios是一个基于Promise的HTTP客户端,专为浏览器和node.js设计,本文主要为大家详细介绍了Axios的具体使用,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-01-01
  • 集合Bootstrap自定义confirm提示效果

    集合Bootstrap自定义confirm提示效果

    这篇文章主要为大家详细介绍了集合Bootstrap自定义confirm提示效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • 使用JavaScript实现轮播图效果完整实例

    使用JavaScript实现轮播图效果完整实例

    我们在各种网页中经常见到轮播图的效果,下面这篇文章主要给大家介绍了关于使用JavaScript实现轮播图效果的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-01-01
  • Javascript中类式继承和原型式继承的实现方法和区别之处

    Javascript中类式继承和原型式继承的实现方法和区别之处

    其它的面向对象程序设计语言都是通过关键字来解决继承的问题。但是javascript中并没有定义这种实现的机制。接下来通过本文给大家介绍Javascript中类式继承和原型式继承的实现方法和区别,需要的朋友可以参考下
    2017-04-04
  • Javascript设计模式之发布订阅模式

    Javascript设计模式之发布订阅模式

    发布---订阅模式又叫观察者模式,它定义了对象间的一种一对多的关系,让多个观察者对象同时监听某一个主题对象,当一个对象发生改变时,所有依赖于它的对象都将得到通知
    2022-12-12
  • bootstrap下拉分页样式 带跳转页码

    bootstrap下拉分页样式 带跳转页码

    这篇文章主要为大家详细介绍了bootstrap下拉分页样式,带跳转页码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JS生态系统加速模块解析赋能性能优化探索

    JS生态系统加速模块解析赋能性能优化探索

    这篇文章主要为大家介绍了JS生态系统加速模块解析赋能性能优化探索,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2024-01-01
  • 使用纯原生JS实现大文件分片上传

    使用纯原生JS实现大文件分片上传

    前段时间在工作中接触到了文件上传的内容,但业务中实现的功能比较简单,于是我想着能不能使用纯原生的方式实现一个大文件的上传DEMO,从而在本质上学习大文件上传的思路,本教程使用纯原生的html+node.js实现,需要的朋友可以参考下
    2024-06-06
  • javascript 常见功能汇总

    javascript 常见功能汇总

    本文给大家汇总介绍了集中常见的功能,十分的实用,有需要的小伙伴可以参考下。
    2015-06-06
  • 原生js实现的观察者和订阅者模式简单示例

    原生js实现的观察者和订阅者模式简单示例

    这篇文章主要介绍了原生js实现的观察者和订阅者模式,结合简单实例形式分析了js观察者和订阅者模式的相关原理与实现技巧,需要的朋友可以参考下
    2020-04-04

最新评论