欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

window.open方法被浏览器拦截的处理方式

程序员文章站 2022-05-18 22:45:58
问题现象 当我们在一个 ajax 回调中执行 window.open 方法时,新页面会被浏览器拦截。 原因 在 Chrome 的安全机制里,非用户直接触发的 window.open 方法,是会被拦截的。 处理 $('#jump-btn').on('click', function () { // 打 ......
  • 问题现象

    当我们在一个 ajax 回调中执行 window.open 方法时,新页面会被浏览器拦截。

  • 原因

    在 chrome 的安全机制里,非用户直接触发的 window.open 方法,是会被拦截的。

  • 处理
    $('#jump-btn').on('click', function () {
      // 打开一个空标签页(此处不会被拦截)
      var newtarget = window.open();
      $.ajax({
        data: data,
        success: function (url) {
          // 修改新窗口的 url
          newtarget.location.href = url;
        }
      })
     });

    总之,在用户交互时首先打开一个空标签页,随后在回调函数中更改 href 即可。