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

最新推荐文章于 2024-04-01 17:05:08 发布
最新推荐文章于 2024-04-01 17:05:08 发布
阅读量1w 收藏 2
点赞数 1
分类专栏： 前端问题汇总
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chaitong2204/article/details/82997334
版权

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

选取方法：window.open（） 

具体文档可以查看w3c

遇到的问题

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

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

 

翟敏1201
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
window.showModalDialog返回值和window.open返回值实例详解
weixin_30338743的博客
03-16 968
最近在谷歌浏览器下发现一个问题，就是使用谷歌浏览器已经不兼容window.showModalDialog了，所以还是改成使用window.open()。 一、window.showModalDialog实例： 1、父页面：js var returnValue=window.showModalDialog("selectUserList.jsp?order_id="+order_id+"&am...
谷歌浏览器不支持showModalDialog模态对话框的解决方法
12-09
然而，随着浏览器的发展，特别是谷歌浏览器（Chrome）对Web标准的持续更新和优化，`showModalDialog` 在某些版本中逐渐失去了支持，这导致了使用该功能的代码在最新版本的Chrome中可能无法正常工作。 在标题和描述...
window.open()详解及浏览器兼容性问题示例探讨
12-11
一、基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口名字 parameters 为窗口参数(各参数用逗号分隔) 二、示例 代码如下: [removed] window.open(‘page.html’,’newwindow’,’height=500,width=800,top=0,left=0, toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no’) </scri
window.open链接跳转新窗口，谷歌不生效
qq_59626859的博客
08-04 698
点击后端返回的非本系统的网络链接并跳转，要求在新页面打开。如果是本标签打开直接window.location.href ="/url"。但是现在要求新标签页，window.open有浏览器限制。
解决弹出的窗口window.open会被chrome浏览器阻止的问题
时光从指尖划过的博客
05-15 2914
原因分析1 当浏览器检测到非用户操作产生的新弹出窗口，则会对其进行阻止。因为浏览器认为这不是用户希望看到的页面2 在chrome的安全机制里面，非用户触发的window.open方法，是会被拦截的。var btn = $('#btn'); btn.click(function () { //不会被拦截 window.open('http://cssha.com') });如上 wi
解决某些浏览器（例如谷歌）window.open(url)无效问题
u012211003的博客
12-17 6774
在项目中需要用到预览功能，一开始采用window.open(url)直接打开链接进入预览界面，但是在谷歌浏览器中不生效，网上查了一下相关问题，原因总结有两点： 在ajax请求的回调函数中window.open(url)是不生效的 （尝试在回调函数外面调用window.open(url)，还是不行，坑） window.open(url)在用户操作事件中才能生效，否则浏览器判定该操作不是用户操作，会阻止窗口弹出。 （这个比较靠谱） 但是预览的URL是通过ajax请求得到的，倒是可以增加一个预览按钮绑定点击事件
使用window.open打开新窗口被谷歌浏览器拦截
hongyuancao的博客
01-29 6212
在写后台动态传前台资源链接的时候，需要用到，返回后直接在新窗口打开。开发使用的谷歌浏览器，使用window.open()，测试的时候，发现总是被拦截，这这里记录下解决的方法。 找了写资料，说是当非用户触发的window.open()方法时，由于谷歌的安全机制，通常是会被拦截的，除非人工取消拦截。比如下面两个例子：当用户没有直接发出window.open()请求的时候，不是直接调用，而是在回调函数...
解决弹出的窗口window.open会被浏览器阻止的问题
weixin_34112181的博客
09-06 4169
问题现象 最近在做项目的时候碰到了使用window.open被浏览器拦截的情况，有时候会一直连接，有时候会偶尔拦截， 尝试了很多方法，走了很多弯路，总结一下结果分享大家 原因分析&深入研究 1 当浏览器检测到非用户操作产生的新弹出窗口，则会对其进行阻止。因为浏览器认为这不是用户希望看到的页面 2在chrome的安全机制里面，非用户触发的window.open方法，是会被拦截的。...
谷歌浏览器js打开IE浏览器.rar
10-29
在现代Web开发中，开发者经常需要在不同的浏览器环境中测试网页的兼容性，其中包括现代浏览器如Chrome（谷歌浏览器）和较为老旧的IE（Internet Explorer）浏览器。由于IE浏览器的某些特性和标准支持与其他现代浏览器...
window.open()打开文件下载链接被Google Chrome拦截问题
最新发布
lxw1844912514的博客
04-01 608
由于线上是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的兼容性问题
iteye_1478的博客
12-06 499
 window.open("myfirst.html","_blank","scrollbars=no,resizable=no");  在IE里有效 在chorm 和 fir里无效
谷歌拦截window.open()解决办法
小葱的博客
08-01 2523
拦截弹出框
window.open 无法跳转问题
蠢蠢欲动的猫
12-09 1437
14、window.open 无法跳转问题 path:里面放置跳转的路由 let routeUrl = this.$router.resolve({ path: menus[i].children[0].url }); window.open( routeUrl.href );
打开新窗口的window.open使用方法以及最大化等问题解决方法汇总
blacksource的专栏
05-26 1万+
一、window.open()支持环境：　　　　JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+　　二、基本语法：　　　　var win=window.open(pageURL,name,parameters)　　　　其中：　　pageURL 为子窗口路径　　name 为子窗口句柄,win也为子窗口的window对象，注意区别　　parameters
window.open()方法被浏览器拦截不能实现自动跳转的解决办法
Devil_Mr的博客
07-19 1569
最近在写一个扫描二维码后判断设备类型进行跳转不同设备类型适配的页面时用到window.open方法，但是总是会被浏览器拦截。网上找了很多方法，包括延迟调用，ajax的异步同步调用，都不见效。后面尝试出一个可以跳转不被拦截的方法，记录一下。
兼容浏览器_浏览器兼容之window.open
weixin_39585675的博客
11-17 581
前言window.open是一种常见的用于打开新页面的方法，通常用于弹窗下载功能的实现。但是并非所有的浏览器都对window.open有良好的支持，在某些情况会出现window.open方法不可用的现象。下面将通过一个例子，介绍如何排查和修复window.open的浏览器兼容问题。问题描述操作系统：Android 10; Pixel 4 Build/QQ2A.200405.005Chro...
window.open()在使用谷歌浏览器Chrome打开下载链接时页面一闪而过没有执行下载
qq_41784169的博客
05-31 4451
原因 链接使用了http://导致被浏览器拦截 解决方案 使用 https:// 解决
关于在chrome浏览器使用window.open弹出子页面失败的问题
pcb_run的博客
04-08 1723
今天学习的时候出现了一个问题，设置了在当前页面弹出子页面，但是chrome一直在新标签页中弹出，而火狐可以在当前页面中弹出，浏览器本身设置没有问题。经过检查发现是chrome不支持状态栏参数"status=true"，改成false就恢复正常。 window.open("son.html",'newwindow','height=300px, width=400px, top=100px,left...
谷歌浏览器 不支持window.load
07-08
如果你发现`window.onload`事件在谷歌浏览器中不起作用，可能是由于以下原因之一： 1. 脚本位置：确保你的脚本代码位于`<script>`标签中，并且在页面加载完成之前被加载。你可以将脚本代码放在`<body>`标签的底部。...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值