关于window.open没有反应的解决方案

最新推荐文章于 2024-11-06 15:27:47 发布
原创 最新推荐文章于 2024-11-06 15:27:47 发布 · 8.2k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文记录了在页面预览中使用window.open遇到的问题及解决过程。作者尝试了多种方法，包括修改url引号、使用location.href、关闭浏览器弹窗阻止等，最终发现并修正了代码中的错误。

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

垂死病中惊坐起

问题出现
  • 页面预览页面用window.open没有反应
    没反应
解决过程
  1. 试着url的单引号变双引号，没用
  2. 试着改用location.href,没用
  3. 试着将浏览器的弹窗禁止设置关闭，没用

在这里插入图片描述
5. 试着检查click事件绑定，没问题在这里插入图片描述
6. 仔细检查，最后找到问题所在：
- 正确的代码

在这里插入图片描述
- 错误代码（我的）

在这里插入图片描述

总结

  • 总是要犯些低级错误呢（/咬牙切齿.gif）
codingnood
关注
ios 使用window.location.href 不能跳转微信短链处理过程以及解决方法
冬阳
03-01 3172
微信短链在安卓可以正常跳转，在ios无法跳转
git报错 fatal: open /dev/null 解决方案
10-25
一个可能的解决方案是检查/dev/null设备文件是否存在于系统中，可以通过在终端执行如下命令来查看： ```bash ls -l /dev/null ``` 如果该命令没有返回任何结果，或者返回了错误信息，那么可能需要重新创建/dev/...
Window.open()没有生效
益达的小作坊
03-23 7548
Window.open()没有生效引用博客地址 http://www.cnblogs.com/rainbowzc/p/3603209.html最近在使用js的时候，实现的一个功能是点击按钮之后请求后台，然后返回一个图片的地址。 我尝试使用window.open()在生成图片之后自动打开一个标签 但是似乎没有起作用。 检查了好久，发现返回的也正确，js也没有报错。 查阅了引用的博客之后，发现
window.open不生效
热门推荐
susuzhe
05-03 1万+
有些情况下我们不使用a标签要打开一个新窗口，可以window.location.href = url，但是这样打开是在当前窗口打开，如果使用window.open()，在非用户触发的情况下是会被浏览器安全机制拦截的。 $(".btn").on("click",function(){ window.open(url); }) 这个是生效的，因为是用户触发的$(".btn").on("cl
Ie8 window.open
09-10 223
因项目需要，实现系统对IE8的支持，安装了ie8版本。安装完后，发现一个奇怪问题，打开一个窗口(window.open方式)后，再打开时，新窗口的页面显示空白，无法加载其内容。关闭ie后，重新偿亦是如此，第一次能打开，第二次就不行。无论是ie7模式，还是兼容模式。 网上搜了很多内容，都没有找相应的解决方案。后来偿试了一下，ie设置重置（工具-Internet选项-高级-重置），删除所有个性化...
【前端】Window.open打不开网页
Cyrios_ykx的博客
10-23 3966
HTTP => HTTPS
h5中window.open方法不起作用
m0_47195133的博客
11-08 2058
h5中window.open方法不起作用
window.open打开窗口被拦截的快速解决方法
12-11
首先，我们来看第一种情况：当你直接调用`window.open("www.jb51.net")`时，可能会发现新窗口虽然被创建，但页面内容没有加载出来。这是因为在浏览器看来，`"www.jb51.net"`不是一个有效的URL，因为它缺少协议部分...
uniapp.window.open没反应
最新发布
03-24
### 关于 UniApp 中 `window.open` 方法无响应的问题 在开发基于 UniApp 的应用时，可能会遇到标准浏览器 API 如 `window.open` 无法正常工作的情况。这是因为 UniApp 是一个多端框架，在不同平台上运行时会受到...
showModalDialog模态对话框的使用详解以及浏览器兼容
12-02
`showModalDialog`是JavaScript中`window`对象的一个方法，用于打开一个模态对话框，即新打开的窗口会阻止用户与...但由于浏览器兼容性问题，现代Web开发中已不再推荐使用此方法，转而使用更灵活且跨浏览器的解决方案。
window.open 打开新页面失效
MissXu666的博客
02-25 1万+
原因：浏览器出于安全的考虑，会拦截掉非用户操作打开的新页面；实际上，在异步的方法中以及非用户操作打开的新页面都会被拦截（不同浏览器不同版本表现不同，不是所有情况都会被拦截，但是任然需要做兼容处理）在开发h5项目的时候 经常需要使用window.open 来打开新页面，但有时会出现失效的情况。在接口请求完成后，根据返回的结果调用window.open 失效。交互上的小修改，这样写需要用户手动确定才会跳转。2、 使用a标签进行跳转。
解决IOS下window.open页面打不开问题
weixin_30855099的博客
01-18 4811
问题如标题所写，在ajax回调里面拿到即将要跳转的链接url，使用window.open(linkUrl),没有起作用，而且代码也没有报错，查找原因是：大部分现代的浏览器（Chome/Firefox/IE 10+/Safari）都默认开启了组织弹出窗口的策略，原因是window.open被广告商所滥用，严重影响用户的使用。 这个组织弹出窗口的操作，并不是直接封杀window.open()，而是根...
window.open在微信内置浏览器用不了
2301_78916954的博客
11-06 1036
如果是微信使用 window.location.href。点击函数触发的回调直接window.open()又可以。但是请求一个后台接口又跳转不生效。
解决某些浏览器（例如谷歌）window.open(url)无效问题
u012211003的博客
12-17 7908
在项目中需要用到预览功能，一开始采用window.open(url)直接打开链接进入预览界面，但是在谷歌浏览器中不生效，网上查了一下相关问题，原因总结有两点： 在ajax请求的回调函数中window.open(url)是不生效的 （尝试在回调函数外面调用window.open(url)，还是不行，坑） window.open(url)在用户操作事件中才能生效，否则浏览器判定该操作不是用户操作，会阻止窗口弹出。 （这个比较靠谱） 但是预览的URL是通过ajax请求得到的，倒是可以增加一个预览按钮绑定点击事件
解决微信端无法使用window.open打开文件的问题
qq_45754931的博客
05-11 7175
项目场景： 微信端无法使用window.open进行文件预览 问题描述 在微信测试环境拿到要跳转的链接url,使用window.open(linkUrl),没有起作用,而且代码也没有报错 原因分析： window.open会被浏览器拦截，导致无法正常弹出 解决方案： 首先，需要对是否是微信端进行判断，判断当前页面所在的环境是不是微信内置浏览器 const isWeiXin = function() { var ua = window.navigator.userAgent.toLowe
window.open 失效不弹窗问题
weixin_42608654的博客
04-13 3711
项目中的小问题： window.open 失效不弹窗问题 前言 前端大佬在忙，自己的P0已经清空，闲来无事就想去研究研究 背景及现象 前端调用wps展示数据，在wps中穿透其他业务数据。预期：新开页面展示穿透数据 排查1：F12 调试调用 window.open和top.open，控制台无报错、浏览器无新窗口打开。换window.location.href = url 生效 排查2：百度一堆，大部分是Safari、移动端调用失败的，方面错误； 但 偶然间 发现一篇文章再说，手动点击和Ajax s
vue中由 window.open转为二进制流下载 遇到下载之后无法打开或乱码的坑 (responseType: ‘blob‘ 无效)
m0_58293192的博客
06-25 1636
vue中由 window.open转为二进制流下载 遇到下载之后无法打开或乱码的坑 (responseType: 'blob' 无效)
移动端window.open在苹果手机失效
weixin_47826037的博客
03-12 4051
var u = navigator.userAgent; var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if(isAndroid) { //android终端 let url = res.dat.
window.open跳转的地址打不开，重新访问就可以打开问题解决
qq_31699161的博客
04-09 2444
在新的浏览器页签打开第三方页面时，显示页面未找到，但是浏览器单独访问这个第三方地址，却可以正常打开。1、如果你想要使用window.open方法打开一个新窗口，但是用户设置了浏览器，使得弹窗被拦截，那么你可以考虑使用window.location.href来代替window.open。使用此方法，通过先打开一个空的浏览器窗口，然后用location.href方法替代window.open设置重定向地址的方式，可以解决此类问题。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值