window.open（）在谷歌浏览器不支持问题

最新推荐文章于 2025-05-13 11:45:00 发布
最新推荐文章于 2025-05-13 11:45:00 发布
阅读量1w 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端问题汇总
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/chaitong2204/article/details/82997334
本文探讨使用window.open()在不同浏览器中弹出窗口的尺寸问题。在谷歌浏览器中，必须同时设置top、left、width和height参数才能生效，揭示了浏览器间的兼容性差异。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

项目需求：点击某个按钮弹出一个小窗

选取方法：window.open（） 

具体文档可以查看w3c

遇到的问题

按照文档的参数进行设置了宽高，发现弹出的小窗并没有改变，检查了resizable=true是没有问题的，于是又在360浏览器打开，咦，发现小窗的宽和高是改变了的，所以，一定是浏览器的兼容性问题,经过查找资料得出了以下结论：

在谷歌浏览器中top,left,width,height同时设置，缺一不可，否则就不生效

 

window.open() 被拦截的问题解决
oscar999的专栏
04-29 1万+
某些浏览器（比如Chrome）出于安全和体验的考虑，会禁止直接在JS中使用 window.open(url) 打开新的窗口。但是如果使用 `window.open(url,'_self') ` 改变当前窗口是允许的。 禁止直接打开的原因就是非用户操作产生的新弹出窗口，会被认为这可能是一个广告，所以禁止了这种行为。
window.open链接跳转新窗口，谷歌不生效
qq_59626859的博客
08-04 1127
点击后端返回的非本系统的网络链接并跳转，要求在新页面打开。如果是本标签打开直接window.location.href ="/url"。但是现在要求新标签页，window.open有浏览器限制。
window.showModalDialog返回值和window.open返回值实例详解
weixin_30338743的博客
03-16 1100
最近在谷歌浏览器下发现一个问题，就是使用谷歌浏览器已经不兼容window.showModalDialog了，所以还是改成使用window.open()。 一、window.showModalDialog实例： 1、父页面：js var returnValue=window.showModalDialog("selectUserList.jsp?order_id="+order_id+"&am...
深入理解 `window.open`：用法、参数、兼容性与安全实践
最新发布
weixin_43172311的博客
05-13 2836
在Web开发中，window.open() 是一个常用的方法，用于打开新窗口或新标签页。尽管这个方法看似简单，但它涉及到诸多细节，包括参数配置、浏览器兼容性以及安全策略等。本文将深入探讨 window.open 的用法、相关知识点以及最佳实践，帮助开发者更全面地理解和正确使用这一方法。
解决弹出的窗口window.open会被chrome浏览器阻止的问题
时光从指尖划过的博客
05-15 3150
原因分析1 当浏览器检测到非用户操作产生的新弹出窗口，则会对其进行阻止。因为浏览器认为这不是用户希望看到的页面2 在chrome的安全机制里面，非用户触发的window.open方法，是会被拦截的。var btn = $('#btn'); btn.click(function () { //不会被拦截 window.open('http://cssha.com') });如上 wi
解决某些浏览器（例如谷歌）window.open(url)无效问题
u012211003的博客
12-17 7919
在项目中需要用到预览功能，一开始采用window.open(url)直接打开链接进入预览界面，但是在谷歌浏览器中不生效，网上查了一下相关问题，原因总结有两点： 在ajax请求的回调函数中window.open(url)是不生效的 （尝试在回调函数外面调用window.open(url)，还是不行，坑） window.open(url)在用户操作事件中才能生效，否则浏览器判定该操作不是用户操作，会阻止窗口弹出。 （这个比较靠谱） 但是预览的URL是通过ajax请求得到的，倒是可以增加一个预览按钮绑定点击事件
window.open
m0_67388537的博客
07-09 420
第三个参数是一个逗号分隔的设置字符串，表示在新窗口中都显示哪些特性。下表列出了可以出现在这个字符串中的设置选项。：两个网址的协议、域名地址/ip地址、端口号三者完全一致，即为符合同源。属性，其中保存着打开它的原始窗口对象。这个属性只在弹出窗口中的最外层。方法可以在新的浏览器标签页或者新的浏览器窗口打开一个特定的网址。：打开的新窗口对象的引用。”，可以通过这个引用访问新窗口的属性或方法。，再加上此参数，会打开新的浏览器窗口；方法关闭打开的标签页或者窗口。：一个描述新窗口特征的字符串。
window.open打开窗口被拦截的快速解决方法
12-11
在网页开发过程中，有时会遇到使用JavaScript的`window.open`函数打开新窗口被浏览器拦截的情况。这通常是由于浏览器的安全策略导致的，特别是像Chrome这样的现代浏览器，为了防止弹窗广告等不良用户体验，对`window...
window.open()详解及浏览器兼容性问题示例探讨
12-11
在实际应用中，`window.open()`可能会遇到浏览器兼容性问题，不同浏览器对窗口特征参数的支持程度有所不同。以下是各浏览器对`parameters`部分的一些特性支持情况： - **标注1**：在IE7、IE8、Firefox、Chrome和...
谷歌浏览器不支持showModalDialog模态对话框的解决方法
12-09
然而，随着浏览器的发展，特别是谷歌浏览器（Chrome）对Web标准的持续更新和优化，`showModalDialog` 在某些版本中逐渐失去了支持，这导致了使用该功能的代码在最新版本的Chrome中可能无法正常工作。 在标题和描述...
'window.ShowModalDialog'在Chrome中不起作用
04-07
标题 "window.ShowModalDialog在Chrome中不起作用" 涉及到的是JavaScript中一个特定的浏览器兼容性问题。`window.showModalDialog()` 是一个古老的JavaScript方法，用于在当前页面上打开一个模态对话框，该对话框...
使用window.open打开新窗口被谷歌浏览器拦截
hongyuancao的博客
01-29 6536
在写后台动态传前台资源链接的时候，需要用到，返回后直接在新窗口打开。开发使用的谷歌浏览器，使用window.open()，测试的时候，发现总是被拦截，这这里记录下解决的方法。 找了写资料，说是当非用户触发的window.open()方法时，由于谷歌的安全机制，通常是会被拦截的，除非人工取消拦截。比如下面两个例子：当用户没有直接发出window.open()请求的时候，不是直接调用，而是在回调函数...
解决弹出的窗口window.open会被浏览器阻止的问题
weixin_34112181的博客
09-06 4259
问题现象 最近在做项目的时候碰到了使用window.open被浏览器拦截的情况，有时候会一直连接，有时候会偶尔拦截， 尝试了很多方法，走了很多弯路，总结一下结果分享大家 原因分析&深入研究 1 当浏览器检测到非用户操作产生的新弹出窗口，则会对其进行阻止。因为浏览器认为这不是用户希望看到的页面 2在chrome的安全机制里面，非用户触发的window.open方法，是会被拦截的。...
window.open()打开文件下载链接被Google Chrome拦截问题
lxw1844912514的博客
04-01 1159
由于线上是https的链接，而window.open()打开的链接用的都是http。所以本地一直没问题，而线上存在问题。自己测试发现本地127.0.0.1是没有问题的，而连接线上虽然能够下载，但是有明显的提示“无法安全的下载”，需要再次确认才能下载。本次排查一直以为是window.open()的锅，绕了弯路。（因为我们下载链接是OSS含有时效性的链接都是后台生成返回的，所以调整一个接口就完事了）但是这回浏览器控制台有了明显的提示。按照此方法试了下，不能本次解决问题。试了多种方法后都没有效果。
window.open()详解及浏览器兼容性问题
热门推荐
itmyhome的专栏
05-28 2万+
一、基本语法：window.open(pageURL,name,parameters)其中：pageURL 为子窗口路径name  为子窗口名字parameters 为窗口参数(各参数用逗号分隔)二、示例 window.open('page.html','newwindow','height=500,width=800,top=0,left=0, toolbar=no,menuba
多屏环境下window.open()参数left不生效,窗口无法水平居中显示问题解决
Y_seaboy的博客
01-10 1794
screenX和screenY属性返回窗口相对于屏幕的X和Y坐标。多屏环境下window.open()参数left不生效。
window.open的兼容性问题
iteye_1478的博客
12-06 558
 window.open("myfirst.html","_blank","scrollbars=no,resizable=no");  在IE里有效 在chorm 和 fir里无效
谷歌浏览器不能使用opener属性的问题和解决
O_ORick的博客
06-26 6301
我先放一个简化的案例: 父页面: HTML_CSSS function open_func() { window.open("user.html","width=250","height=150"); } 编号: 姓名: 子页面: USER 操作 编号 歌名 100 光辉岁月
谷歌拦截window.open()解决办法
小葱的博客
08-01 2618
拦截弹出框
如何使用window.open函数在谷歌浏览器中打开网址时保持默认的HTTP协议并避免自动跳转至HTTPS？
12-11
在谷歌浏览器中使用 `window.open` 函数打开网址时，默认情况下，浏览器会尝试使用 HTTPS 协议。如果 HTTPS 不可用，则会自动降级到 HTTP 协议。要保持默认的 HTTP 协议并避免自动跳转至 HTTPS，可以采取以下几种方法： 1. **直接使用 HTTP 协议**： 直接在 URL 中指定使用 HTTP 协议，这样浏览器会尝试使用 HTTP 协议打开网址。 ```javascript window.open('http://example.com', '_blank'); ``` 2. **禁用自动跳转**： 虽然浏览器本身没有直接的选项来禁用自动跳转，但可以通过一些技巧来尝试阻止跳转。例如，可以在服务器端设置适当的 HTTP 头信息，或者在前端使用 JavaScript 进行控制。 ```javascript window.open('http://example.com', '_blank'); ``` 需要注意的是，浏览器会根据其安全策略自动处理协议跳转，客户端代码无法完全控制这一行为。 3. **使用中间页面**： 创建一个中间页面，该页面通过 JavaScript 强制使用 HTTP 协议打开目标网址。 ```html <!DOCTYPE html> <html> <head> <title>Open HTTP</title> <script> function openHttp() { var url = 'http://example.com'; window.open(url, '_blank'); } window.onload = openHttp; </script> </head> <body> <p>Opening HTTP URL...</p> </body> </html> ``` 然后在 `window.open` 中调用这个中间页面。 ```javascript window.open('path_to_intermediate_page.html', '_blank'); ``` 通过以上方法，可以在一定程度上控制浏览器使用 HTTP 协议打开网址。然而，需要注意的是，现代浏览器和网站通常优先使用 HTTPS 协议以确保安全性，因此强制使用 HTTP 可能会导致安全问题。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值