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

  • 问题现象

  当我们在一个 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 即可。

posted @ 2018-11-10 09:56  阿晋Joseph  阅读(394)  评论(0编辑  收藏  举报

更多内容,请访问我的个人博客:https://webajin.gitee.io