兼容所有浏览器的窗口关闭方法
2014-08-27 10:48
369 查看
平时在做项目的时候会碰到在页面点击文字直接退出浏览器窗口的效果!但是浏览器在实现关闭效果是不一致的!
下面的demo介绍的这个demo可以正常关闭ie,chrome等主流浏览器!但是火狐的实现是通过打开一个空页面来实现的!如果要实现和ie一样关闭的效果,需要开启相应的权限!
按照如下所示操作:
打开firefox,在地址栏输入about:config
找到dom.allow_scripts_to_close_windows这项并改为true。
但是做出来的页面是给用户体验的,这种需要用户更改设置的方式往往是不可取的!所以这里我就通过打开空页面来代替!
demo如下:
上面的demo基本可以解决关闭浏览器的当前窗口的功能,至于火狐的实现还是比较遗憾!
下面的demo介绍的这个demo可以正常关闭ie,chrome等主流浏览器!但是火狐的实现是通过打开一个空页面来实现的!如果要实现和ie一样关闭的效果,需要开启相应的权限!
按照如下所示操作:
打开firefox,在地址栏输入about:config
找到dom.allow_scripts_to_close_windows这项并改为true。
但是做出来的页面是给用户体验的,这种需要用户更改设置的方式往往是不可取的!所以这里我就通过打开空页面来代替!
demo如下:
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"/> <title>window_close</title> </head> <body> <a href="javascript:;" onclick="CloseWebPage()">关闭窗口</a> </body> </html> <script type="text/javascript"> function CloseWebPage() { //判断是否为ie if (navigator.userAgent.indexOf("MSIE") > 0) { //判断是否为ie6 if (navigator.userAgent.indexOf("MSIE 6.0") > 0) { window.opener = null; window.close(); } else { window.open('', '_top'); window.top.close(); } } //判断是否为firefox else if (navigator.userAgent.indexOf("Firefox") > 0) { window.location.href = 'about:blank '; } //其他非firefox等主流浏览器如chrome,safari else { window.opener = null; window.open('', '_self', ''); window.close(); } } </script>
上面的demo基本可以解决关闭浏览器的当前窗口的功能,至于火狐的实现还是比较遗憾!
相关文章推荐
- Jquery 浏览器页面窗口刷新或关闭时,执行后台方法(兼容各主流浏览器)
- C#关闭所有子窗口的方法
- 判断浏览器窗口真正关闭的脚本方法
- 在firefox和Chrome下关闭浏览器窗口无效的解决方法
- 让网站所有链接打开方式都在浏览器新窗口中打开的方法
- js 判断浏览器关闭事件 兼容所有浏览器
- Javascript 关闭窗口,兼容各种浏览器
- 让页面绝对居中,且可以随便改变页面布局兼容所有现代浏览器的方法
- 在firefox和Chrome下关闭浏览器窗口无效的解决方法
- 可拖动、可关闭、透明标题的DIV弹出窗口,完美兼容各个浏览器
- 兼容所有浏览器,获取元素文本的方法
- javascript取窗口的可视高度和页面的内容高度 兼容所有浏览器
- [转]兼容IE和Firefox的打开新窗口,关闭父窗口,不提示解决方法
- 在RFT中关闭所有IE浏览器窗口的3种方法
- Css:背景色透明,内容不透明之终极方法!兼容所有浏览器
- javascript取窗口的可视高度和页面的内容高度 兼容所有浏览器
- 兼容所有浏览器的网页制作方法
- 取得窗口大小和窗口位置-兼容所有浏览器的js代码
- 兼容所有浏览器的js关闭当前网页代码