window.open打开新窗口被浏览器拦截的处理方法

window.open() 被拦截的问题解决 某些浏览器(比如Chrome)出于安全和体验的考虑,会禁止直接在JS中使用 window.open(url) 打开新的窗口。但是如果使用 `window.open(url,'_self') ` 改变当前窗口是允许的。 禁止直接打开的原因就是非用户操作产生的新弹出窗口,会被认为这可能是一个广告,所以禁止了这种行为。 阅读详情

在平时开发中跳转新页面是我们经常遇到的,超链接直接跳转我们可以通过

<a href="http://www.tiaozhuan.com"></a>

//或者

<a href="javascript:void(0)" onclick="window.open("www.tiaozhuan.com")"></a>

//来跳转

如果在跳转之前我们需要先进行一系列的逻辑操作,那我们一般是用window.open('url')来跳转

function toTarget (url){

    //一系列代码    

    if(url){
        window.open(url)
    }

}

此时往往就会被浏览器拦截

谷歌:

因为浏览器会对非用户个人主观操作的页面跳转进行拦截,

一个简单的解决办法:

function toTarget (url){

    //一系列代码 
    
    //新建一个空白的页面
    let win = window.open()   

    if(url){
        win.location.href = url
    }else{
        win.document.body.innerHTML = "没有找到目标地址"
    }

}

 

如何通过编程实现在浏览器中打开多个独立窗口 新窗口这是一个新窗口 阅读详情

相关推荐

关于页面被拦截的问题

ie                                    2.   TT                          3.  maxthon                                        chrome , firefox 默认安装是没有页面拦截的, 都有一些对应的插件   测试的时候不能在本地测试, 要把页面放到http 服务器上。 1. ie 页面拦截设为高, 所有方式都无法在新页打开。 拦截设为中, window.open , 直接写的页面上, new 一个a click,以及form submit 都可以打开页面, timeou

解决vue项目里window.open浏览器跳转拦截问题+需要动态传递参数

因为要携带参数row,不能直接使用window.open(),可以将onclick点击事件的方法挂载在window上。注意,window.open只能放在同步方法里,不能放在异步方法里,异步调用需要转至新页面。

sophia 3743

单细胞拟时序分析实战:用monocle2从Seurat对象构建细胞轨迹(附完整代码)

本文提供了一套完整的单细胞拟时序分析实战教程,详细讲解了如何将Seurat对象转换为Monocle2的CellDataSet,并构建细胞命运轨迹。内容涵盖数据转换、轨迹定义基因选择、降维参数调优、可视化技巧及结果生物学验证,旨在帮助研究者解决实际分析中的常见问题,从静态细胞图谱中挖掘动态发育过程。

weixin_29251337的博客 342

vue解决打开新窗口被浏览器拦截的问题;解决vue打开新窗口被浏览器拦截的问题

vue解决打开新窗口被浏览器拦截的问题;解决vue打开新窗口被浏览器拦截的问题

weixin_43286206的博客 2476

新手必看:如何用T265和ROS实现无人机室内精准定位(附PX4参数配置)

本文详细介绍了如何使用Intel Realsense T265和ROS实现无人机室内精准定位,包括硬件准备、ROS数据流架构设计、PX4参数配置及系统验证。特别针对视觉SLAM技术在室内环境中的应用,提供了从零搭建到进阶优化的全流程解析,适合无人机开发新手快速上手。

weixin_30642561的博客 404

Robust MPC 4 (鲁棒&随机 MPC)

Robust MPC

weixin_44299806的博客 2736

vue 路由跳转打开新窗口(被浏览器拦截)

今天做了一个功能是点击按钮路由跳转打开新的窗口页面 第一种方法 &amp;amp;lt;router-link target=&amp;quot;_blank&amp;quot; :to=&amp;quot;{path:'/FundManger/FundProductMoney', query:{managerId:fundcode}}&amp;amp;gt;&amp;amp;lt;/router-link&amp;amp;gt;&amp;

weixin_43609391的博客 8492

POI 写word,添加标题,表格,图片,自动生成目录,合并单元格

工程地址:https://github.com/zheng-chang-wei/word package com.example.demo1.poi; import org.apache.poi.xwpf.usermodel.XWPFDocument; import java.io.File; import java.io.FileOutputStream; public class ...

zheng_chang_wei的博客 6155

基于vue,解决打开新窗口被浏览器拦截的问题

基于vue,解决打开新窗口被浏览器拦截的问题

m0_60349254的博客 1098

医药领域知识图谱快速及医药问答项目(项目全过程)

该项目是中科院软件所刘焕勇老师在github上的开源项目,基于知识图谱的医药领域问答项目 Github项目地址:mirrors / liuhuanyong / qasystemonmedicalkg · GitCode 一、项目环境搭建 该部分要十分注意,由于版本升级的问题,一些用法及格式已经不兼容了。 python3.8 下载地址:Python Release Python 3.8.10 | Python.orght...

qq_52062182的博客 9916

【AI大模型应用开发】1.0 Prompt Engineering(提示词工程)- 典型构成、原则与技巧,代码中加入Prompt

Prompt典型构成、原则与技巧,以及OpenAI API重要参数解释,助你轻松入门Prompt

同学小张的博客 2581

JS弹出新窗口被拦截的解决方法

在Web编程中,使用JS在新窗口打开页面的时候,会遇到被浏览器拦截的情况,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢? 一、问题一 一般情况下,如果直接在js中调用window.open()函数去打开一个新窗口,浏览器会对弹出的窗口进行拦截,因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体 1、解决方法 把window.open()函数改为由用户主动点击时触发,在超链接里加入...

欢迎 3892

Python+OpenCV实现车牌检测与识别

使用Python+OpenCv实现车牌检测与识别,算法思想来自于网上资源,先使用图像边缘和车牌颜色定位车牌,再识别字符。车牌定位在预测方法中,为说明清楚,完成代码和测试后,加了很多注释,请参看源码。车牌字符识别也在预测方法中,请参看源码中的注释,需要说明的是,车牌字符识别使用的算法是OpenCv的SVM,OpenCv的SVM使用代码来自于OpenCv附带的样本。由于训练样本有限,你测试时会发现,车...

不脱发的程序猿 1万+

window.open()打开页面的几种方法

[javascript] view plain copy主要原理:让浏览器以为是用户主动点击的,因此可以利用onclick或者利用&lt;a&gt;标签的_blank属性打开页面  [javascript] view plain copyfunction OpenWindow(n, t, i, r) {      var u = (screen.width - t) / 2 - r,      f...

fred_kang的博客 5438

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

jS弹出新窗口被拦截的解决方法

使用ajax处理数据,在回调中跳转到或打开新页面,这时就会被浏览器拦截解决方法先用window.open打开一个窗口,然后修改该窗口地址var newWin = window.open('/loading'); newWin.location.replace('/somepage');例如$(window).click(function () { //Ajax 请求毁掉函数中打开新窗口 ...

GUANTINA的博客 8568

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

上一篇: 监听浏览器关闭/刷新按钮,调用接口
下一篇: 原生js实现模拟滚动条
WebSunshine
博客等级 码龄9年 22粉丝 6原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值