javascript - js操作新开页面会被拦截，如何解决？

问题描述

问 题

页面上一个按钮，有个onclick事件，点击触发js，发送ajax请求到后台，后台经过一系列判断，返回url到js

<a class="a" id="k_id" href="javascript:void(0);" onclick="test($(this),id1,id2);"></a>

function test(oElement,id1,id2) {
    //发送ajax请求...返回一个url
    var url = "ajax请求返回的url";
    
    //js操作将返回的url赋值到页面上的a标签，然后js模拟a标签点击事件
    $(oElement).attr("href",url);
    $(oElement).removeAttr("onclick");
    var id = $(oElement).attr("id");
    document.getElementById(id).click();//这里点击a标签
    
    //这样的操作会被浏览器拦截，
}

求解

$(oElement).attr("href",url);
$(oElement).removeAttr("onclick");

经测试，假如js操作新开页面的动作没有放在ajax的回调中的话
这样就不需要js去模拟点击，jquery操作修改了href属性后直接就能够跳转

解决方案

浏览器会判断新开标签是否是用户自身行为（特别是safari） 你的url如果是后台返回 瞬间返回是可以打开的 如果延迟个几百毫秒就会被拦截，以下是我自己的解决办法：

winRef = window.open("", "_blank");

winRef.location = response.url;

点击函数后立即打开新标签，然后再发送请求，后台发挥的url地址赋值给你新开标签的对象的location 就可以了
新开标签的兼容基本就是这个思路

这篇关于javascript - js操作新开页面会被拦截，如何解决？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！