问答

window.open新打开页面被拦截

作者:admin 2021-05-07 我要评论

a id="reservedsure" class="consultation" @click.prevent="reservedSubmit()" 确定i//a 使用window.open火狐被拦截,求解 ### 浏览器安全机制会拦截非用户直接...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

Screen Shot 2021-01-18 at 12.31.43 PM.png

    <a
        id="reservedsure"
        class="consultation"
        @click.prevent="reservedSubmit()"
      >确定<i/></a>
      >

使用window.open火狐被拦截,求解

###

浏览器安全机制会拦截非用户直接点击的新开页面
所以一般要请求后端后新开页面的地方都是 先开页面再赋值

cosnt win = window.open("")
// request...
http.then((url) => {
    win.location.href = url
})
###
// 部分浏览器在ajax中使用window.open会被拦截,导致无法打开新窗口
// 解决办法:提前打开空白窗口,在更改窗口地址。失败后关闭此窗口
// 封装:ns.openWindow(title, callback)
var newWindow = window.open() 
$.ajax({
  success: function () {
    newWindow.location = 'http://www.baidu.com'; // 改变窗口链接地址
  },
  error: function () {
    newWindow.close(); // 失败之后记得关闭
  }
})

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • window.open新打开页面被拦截

    window.open新打开页面被拦截

  • vue history模式下进入到index.html 40

    vue history模式下进入到index.html 40

  • react-native 如何查看手机可用运存、

    react-native 如何查看手机可用运存、

  • mac用brew启动nginx无效

    mac用brew启动nginx无效

腾讯云代理商
海外云服务器