用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>

相关文章

  • 前端HTML实现个人简历信息填写页面效果实例

    前端HTML实现个人简历信息填写页面效果实例

    本文介绍了如何使用HTML、CSS和JavaScript构建一个个人简历信息填写页面,涵盖了简历页面的HTML结构设计、CSS样式美化以及JavaScript实现动态功能和验证的全过程,需要的朋友可以参考下
    2024-11-11
  • 微信小程序实现二维码生成器

    微信小程序实现二维码生成器

    这篇文章主要为大家详细介绍了如何通过微信小程序开发一个简单的二维码生成器,文中的示例代码讲解详细,感兴趣的小伙伴可以和小编一起学习一下
    2023-01-01
  • JavaScript哪些场景不能使用箭头函数

    JavaScript哪些场景不能使用箭头函数

    这篇文章主要介绍了JavaScript哪些场景不能使用箭头函数,帮助大家更好的理解和学习使用JavaScript,感兴趣的朋友可以了解下
    2021-04-04
  • JavaScript era库的使用详解

    JavaScript era库的使用详解

    这篇本文主要给大家介绍了JavaScript era库的使用,使用 ora 这个 JavaScript 库可以在命令行应用程序中提供漂亮的加载状态提示,本文详细介绍如何使用该库,并结合多个例子演示其功能,需要的朋友可以参考下
    2024-02-02
  • js图片翻书效果代码分享

    js图片翻书效果代码分享

    这篇文章主要介绍了js实现图片翻书效果,代码简单,效果很棒,感兴趣的小伙伴们可以参考一下
    2015-08-08
  • JS作用域深度解析

    JS作用域深度解析

    这篇文章主要为大家详细介绍了JS作用域,剖析JS的作用域问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • javascript中if和switch,==和===详解

    javascript中if和switch,==和===详解

    这篇文章主要给大家详细介绍了javascript中if和switch,==和===的区别和联系,十分的细致实用,有需要的小伙伴可以参考下。
    2015-07-07
  • JS实现前端分页效果

    JS实现前端分页效果

    这篇文章主要为大家详细介绍了JS实现前端分页效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Postman内建变量常用方法实例解析

    Postman内建变量常用方法实例解析

    这篇文章主要介绍了Postman内建变量常用方法实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • 子窗体与父窗体传值示例js代码

    子窗体与父窗体传值示例js代码

    子窗体与父窗体之见互相传值实现使用中很频繁,本文以一个小示例抛砖引玉,希望大家可以举一反三
    2013-08-08

最新评论