热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

window.close();关闭浏览器窗口js代码的总结介绍

下面小编就为大家带来一篇window.close();关闭浏览器窗口js代码的总结介绍。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

window.close(); 关闭浏览器窗口js代码的总结介绍

序号 关闭代码 需要确认 无任何作用 无需确认 测试
1 window.close() IE7 firefox,chrome, safari Opera Close
2 window.opener=null; window.open('','_self'); window.close();   firefox IE7,Opera, chrome,safari Close
3 window.open('','_self'); window.close();   firefox IE7,Opera, chrome,safari Close
4 window.opener=null; window.close(); IE7 firefox,safari chrome,Opera Close
5 var opened=window.open('about:blank','_self'); opened.opener=null; opened.close();   firefox safari,IE7, chrome,Opera Close
6 var opened=window.open('about:blank','_self'); opened.close();   safari,firefox firefox,IE7, chrome,Opera Close

用多种方式打开一个页面,然后用 window.close() 关闭它,在各浏览器下表现有所不同。如在地址栏中直接输入URL 时,Firefox Chrome Safari 下调用 window.close() 关闭页面无效。再如 Ctrl + 点击链接打开的窗口,Firefox 下无法通过调用 window.close() 来关闭。

其差异如下表格:

地址栏输入URL 点击链接 Ctrl键+点击链接 window.open window.showModalDialog
IE6 提示窗口关闭 直接关闭 直接关闭 直接关闭 直接关闭
IE7/8 直接关闭 提示窗口关闭 提示窗口关闭 直接关闭 直接关闭
Firefox 不关闭,无提示 直接关闭 不关闭,无提示 直接关闭 直接关闭
Safari 不关闭,无提示 直接关闭 直接关闭 直接关闭 直接关闭
Chrome 不关闭,无提示 直接关闭 直接关闭 直接关闭 直接关闭
Opera 直接关闭 直接关闭 直接关闭 直接关闭 不支持

firefox下无法关闭可能原因:

不是JS代码window.close()的问题,而是Firefox的配置问题,解决方法如下: 在Firefox地址栏里输入 about:config 在配置列表中找到 dom.allow_scripts_to_close_windows 点右键的选切换把上面的false修改为true即可。 注:默认是false,是为了防止脚本乱关窗口

另附代码: window.opener = null;//为了不出现提示框 window.close();//关闭窗

以上这篇window.close(); 关闭浏览器窗口js代码的总结介绍就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。


推荐阅读
  • 本文探讨了如何利用HTML5和JavaScript在浏览器中进行本地文件的读取和写入操作,并介绍了获取本地文件路径的方法。HTML5提供了一系列API,使得这些操作变得更加简便和安全。 ... [详细]
  • 一个登陆界面
    预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ... [详细]
  • 自己用过的一些比较有用的css3新属性【HTML】
    web前端|html教程自己用过的一些比较用的css3新属性web前端-html教程css3刚推出不久,虽然大多数的css3属性在很多流行的浏览器中不支持,但我个人觉得还是要尽量开 ... [详细]
  • 在跨浏览器开发中,一个常见的问题是关于如何在鼠标悬停时显示图片提示信息。本文深入探讨了 IE 浏览器对 IMG 元素 alt 属性的特殊处理,并提供了最佳实践建议。 ... [详细]
  • 本文详细探讨了JavaScript中四种获取CSS样式的不同方法:style、currentStyle、getComputedStyle和getBoundingClientRect。每种方法的适用场景及其兼容性问题,并提供了解决方案。 ... [详细]
  • Microsoft即将发布WPF/E的CTP(Community Technology Preview)和SDK,标志着RIA(Rich Internet Application)技术的新里程碑。更多详情及下载链接请参见MSDN官方页面。 ... [详细]
  • 利用CSS3和React实现数字滚动动画组件
    在前端开发中,数字滚动动画是一个常见的需求。本文将详细介绍如何使用CSS3和React构建一个数字滚动动画组件,包括组件的代码实现和样式设计。如果您对HTML版本感兴趣,欢迎留言获取。 ... [详细]
  • 动画队列的设计目的是为了确保一系列任务能够按照预定顺序执行,每个任务只有在其前一个任务完成后才开始。这些任务既可以是同步的,也可以是异步的。本文将探讨jQuery动画系统中的队列机制,并介绍如何使用队列来优化动画效果。 ... [详细]
  • 本文基于作者使用Flask框架处理后端逻辑和原生JavaScript及jQuery进行前端开发的经验,详细介绍了如何在前后端之间高效地传输JSON数据。文章不仅涵盖了技术实现细节,还提供了实用的代码示例。 ... [详细]
  • 探索PWA H5 Web App优化之路(Service Worker与Lighthouse的应用)
    本文探讨了如何通过Service Worker和Lighthouse工具来优化PWA H5 Web App,旨在提升用户体验,包括提高加载速度、增强离线访问能力等方面。 ... [详细]
  • 本文介绍如何使用Python编写一个简单的爬虫程序,从知乎问题页面抓取美腿图片。环境配置包括Windows 10操作系统,Python语言及其相关库。 ... [详细]
  • Python与MySQL交互指南:从基础到进阶
    本文深入探讨了Python与MySQL数据库的集成方法,包括数据库连接、数据表创建、索引管理、数据操作以及如何防止SQL注入等关键内容。适合初学者及希望提升数据库操作技能的开发者。 ... [详细]
  • 移动端浏览器为了识别用户的双击放大操作,通常会在点击后引入300毫秒的延迟。虽然这种延迟在日常使用中可能不易察觉,但对于需要即时响应的应用(如网页游戏)来说,消除这一延迟至关重要。 ... [详细]
  • index.js全部js兼容性处理。js内引入babelpolyfill全部js兼容性处理。babelpolyfillimportbabelpolyfill;constadd ... [详细]
  • 本文详细介绍了在PHP中如何获取和处理HTTP头部信息,包括通过cURL获取请求头信息、使用header函数发送响应头以及获取客户端HTTP头部的方法。同时,还探讨了PHP中$_SERVER变量的使用,以获取客户端和服务器的相关信息。 ... [详细]
author-avatar
十七虾妈妈
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有