最近在项目中有一个在浏览器中新开一个窗口的需求，如果不需要做任何的判断，只是直接新开窗口的话，用a标签即可。

但是如果需要做一些判断再新开一个窗口的话，就不能使用a标签了。window.open确实可以打开一个新窗口，但会被浏览器当作广告被拦截，需要手动去解除拦截。

在网上搜索了很多，但并没有一个可以解决的。

于是，使用了form提交新开窗口的黑科技

demo1

<html>

<body>

  <form name="xxxForm" action="/example/html/form_action.asp" method="get" target="_blank">

    <input type="hidden" name="fname" value="1" />

    <br />

    <input type="hidden" name="lname" value="2" />

    <br />

    <input id="sub" type="submit" value="Submit" style="display: none;" />

    <input id="ck" type="button" value="提交">

  </form>

  <script>

    document.getElementById('ck').onclick = function (e) {

      document.getElementById('sub').click();

      // this.refs.xxxform.submit();  如果点击模拟不行用这个

    }

  </script>

</body>

</html>

action 是你需要跳转的页面，method用get（我自己在用post的时候出现了一些问题）

只要页面加载时提前查好数据，直接提交form表单就可以。去掉ajax就可以。原则就是form的默认submit触发前不能setTimeout或者ajax

demo2

// 开通成功后跳转新页面

*open2({ payload }, { call, put, select }) {

  let tmpState = yield select(state => state[tmpModule.namespace]);

  try {

    yield put({

      type: 'open',

      payload: {}

    })

    // 打开新的窗口

    yield openNewWin()

  } catch (err) {

    console.error(err)

  }

}

// 打开新页面

const openNewWin = () => {

  return new Promise((resolve, reject) => {

    if (!isEmpty(Cookie.get('trunTenantId'))) {

      var str = [];

      let url = `${Config.jumpUrl}?auth=${Cookie.get(Config.cookie.auth)}&tenantId=${Cookie.get('trunTenantId')}`

      // let url = `http://localhost:8009/#/home/operationMonitoring/operateScreen?auth=${Cookie.get(Config.cookie.auth)}&tenantId=${Cookie.get('trunTenantId')}`

      str.push(`<form action=${url} id="gobank" method="get">`);

      str.push('</form>');

      $("body").append(str.join(''));

      $("#gobank").attr('target', '_blank');

      $("#gobank").submit();

      console.log('open win ok');

      resolve(1)

    } else {

      reject(0)

    }

  })

}

解决window.open被拦截问题的更多相关文章

  1. 解决 window server2008 r2 没有注册Ofiice组件的方法

    解决 window server2008  r2 没有注册Ofiice组件的方法   .NET下在用Microsoft.Office.Interop.Excel及word 操作Excel和Word时, ...

  2. 解决window.location.href参数太长

    前言:一提到页面跳转,最常用的一般就是window.location.href,如果需要带参数,也许可以在后面用?拼上,但这样并不安全,而且有个更严重的问题,这样的拼接是有长度限制的,如果达到好几千个 ...

  3. 解决window.onload延迟加载问题

    window.onload方法,表示当页面所有的元素都加载完毕,并且所有要请求的资源也加载完毕才触发执行function这个匿名函数里边的具体内容.这样肯定保证了代码在domReady之后执行.使用w ...

  4. SpringBoot解决跨域请求拦截

    前言 同源策略:判断是否是同源的,主要看这三点,协议,ip,端口. 同源策略就是浏览器出于网站安全性的考虑,限制不同源之间的资源相互访问的一种政策. 比如在域名https://www.baidu.co ...

  5. 解决window.location.href参数太长 post提交数据

    前言:一提到页面跳转,最常用的一般就是window.location.href,如果需要带参数,也许可以在后面用?拼上,但这样并不安全,而且有个更严重的问题,这样的拼接是有长度限制的,如果达到好几千个 ...

  6. ajax请求成功后打开新开窗口(window.open())被拦截的解决方法

    问题:今天在做项目时需要在ajax请求成功后打开一个新的窗口,此时遇到浏览拦截了新窗口的问题,尝试在ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('clic ...

  7. ajax请求成功后新开窗口window.open()被拦截解决方法

    ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是很可惜被浏览器给拦截了,怎么解决这个问题呢   问题: 前面开发项目时碰到一个问题,ajax 异步请求 ...

  8. ajax请求成功后新窗口window.open()被拦截的解决方法

    ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了(不过如果是 _self 的话就不会有这个限 ...

  9. ajax回调中执行window.open被拦截的解决办法

    From:https://blog.csdn.net/winy_lm/article/details/60959751 ajax async设为false即同步调用 //去支付function got ...

随机推荐

  1. 9.8Django

    2018-9-8 14:34:38

  2. ElasticSearch在linux上安装部署（转）

    一.安装准备工作安装参考文档: ELK官网:https://www.elastic.co/ ELK官网文档:https://www.elastic.co/guide/index.html ELK中文手 ...

  3. 安装coreseek与sphinx遇见的问题

    1.问题 using config file 'etc/csft.conf'...indexing index 'xml'...WARNING: source 'xml': xmlpipe2 supp ...

  4. Zookeeper可以干什么

    在Zookeeper的官网上有这么一句话:ZooKeeper is a centralized service for maintaining configuration information, n ...

  5. Saltstack实战之无master和多master

    如果不想依赖master可以设置为无master vim /etc/salt/minion 就可以通过minion来安装一个salt-master了(下来查资料做,关闭salt-minion进程因为不 ...

  6. Ubuntu：如何显示系统托盘图标（systray）

    1. 问题说明 Ubuntu 11版本开始,默认关闭了托盘图标的显示,需要手动执行命令或额外工具配置,添加到白名单.Ubuntu 13.04更彻底,默认配置根本没有托盘图标,除了java和wine等几 ...

  7. 【紫书】【重要】Not so Mobile UVA - 839 递归得漂亮

    题意:判断某个天平是否平衡,输入以递归方式给出. 题解:递归着输入,顺便将当前质量作为 &参数 维护一下,顺便再把是否平衡作为返回值传回去. 坑:最后一行不能多回车 附:天秀代码 #defin ...

  8. Oracle安全之 Oracle 11g flashback技术详解

    Oracle11g提供的闪回技术用于对抗人为错误,主要有以下7种技术组成: 闪回查询-(闪回时间查询.闪回版本查询): 闪回数据归档: 闪回事务查询: 闪回事务: 闪回表: 闪回删表: 闪回数据库. ...

  9. 东哥讲义2 - 基于TCP，UDP协议的攻击，分析与防护

    TCP SYN FLOOD 攻击 正常的TCP三次握手过程: 处于SYN FLOOD攻击状态时的三次握手过程: 查看示例:x_syn.c文件,一个实现了自定义mac,ip,tcp头部的syn floo ...

  10. 洛谷P3209平面图判定 [HNOI2010] 2-sat

    正解:2-sat(并茶几/强连通分量 解题报告: 传送门w 难受死了,连WA5次,正确率又-=INF了QAQ 然后先说下这题怎么做再来吐槽自己QAQ 首先这题其实和NOIp2010的关押罪犯挺像的,然 ...