從後端傳一個url, 前端收到後打開新視窗跳到這個連結.
使用 window.open(url, '_blank');
被瀏覽器攔截.
請問有什麼辦法實現嗎 ? 試了下模擬a標籤點擊照樣攔截, 彈出p加載iframe不行, 必須要打開窗口.
問題已解決, 見採納答案.
巴扎黑2017-05-16 13:14:48
這個問題首先要了解為啥會攔截,瀏覽器會對"非人為"的調用window.open
的弹窗进行拦截,什么叫做"非人为"的,就是浏览器判断在用户操作和window.open
之间不是连续的,浏览器会认为可能是流氓程序弹出的广告窗口从而进行拦截
从楼主的描述可以看出,楼主应该是进行某个操作之后,通过ajax去获取一个url,然后通过window.open
打开页面,我们都知道ajax是异步的,浏览器就认为不是连续的,所以就拦截了
解决方法可以先在操作(比如点击)的时候,直接window.open
,然後再去ajax獲取數據,再給打開的window賦值url,大概的偽代碼如下:
el.addEventListener('click',function(){
var winHandler = window.open("","_blank");
ajax(function(url){
winHandler.location.href = url;
});
})
过去多啦不再A梦2017-05-16 13:14:48
<a href="http://www.baidu.com" target="_blank" id="xx">hahah</a>
<button type="button" id='btn'>clickme</button>
<script>
document.getElementById('btn').onclick = function() {
document.getElementById('xx').click();
}
</script>
沒毛病啊。
漂亮男人2017-05-16 13:14:48
把觸發方法的事件寫成一個a標籤,取得url的邏輯寫在這個a標籤指向的Controller裡,然後就可以回傳一個新頁面,總之繞過window.open方法