模擬用戶點擊彈出新頁面不會被瀏覽器攔截

更新時間：2014年04月08日 17:19:29 作者：

window.open被瀏覽器攔截導致頁面無法彈出，a標簽的彈出就不會被瀏覽器攔截，下面有個不錯的示例，大家可以學習下

相信用過window.open的小伙伴們都遇到過被瀏覽器攔截導致頁面無法彈出的情況；我們換下思路，什么情況下的新頁面彈出才不會被瀏覽器攔截呢？比如<a />標簽這種就不會；那么我們只要模擬下用戶去主動點擊這個<a />標簽就不會有攔截的問題了。

先定義好HTML標簽：

復制代碼代碼如下:

 
<a href="" id="alink" target="_blank" style="display: none"><span id="spanlink">test</span></a> 
<input type="button" value="點我彈出新頁面" onclick="targetClick()" /> 

然后在JS中給<a />標簽賦值并觸發(fā)點擊事件：

復制代碼代碼如下:

 
function targetClick() { 
$("#alink").attr("href", "http://www.163.com"); 
$("#spanlink").click(); 
return false; 
} 

OK，這下頁面的彈出就暢通無阻了。

您可能感興趣的文章:

相關(guān)文章

JavaScript測試工具之Karma-Jasmine的安裝和使用詳解
Jasmine是一個Javascript的測試工具，在Karma上運行Jasmine可完成Javascript的自動化測試、生成覆蓋率報告等。本文不包含Jasmine的使用細節(jié)，這幾天我會寫一篇Jasmine的入門文章，有興趣的朋友到時候可以看一下
2015-12-12
JavaScript面向?qū)ο缶幊绦∮螒?--貪吃蛇代碼實例
這篇文章主要介紹了JavaScript貪吃蛇的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-05-05
詳解JavaScript原型對象的this指向問題
這篇文章主要為大家介紹了JavaScript原型對象的this指向問題，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-11-11
老生常談原生JS執(zhí)行環(huán)境與作用域
下面小編就為大家?guī)硪黄仙Ｕ勗鶭S執(zhí)行環(huán)境與作用域。小編覺得挺不錯的，希望對大家有所幫助。一起跟隨小編過來看看吧，祝大家游戲愉快哦
2016-11-11
前端開發(fā)必配置 html5shiv.js和respond.min.js的作用說明(bootstrap做IE低版
這篇文章主要介紹了前端開發(fā)必配置 html5shiv.js和respond.min.js的作用說明,需要的朋友可以參考下
2023-05-05
再也不怕 JavaScript 報錯了,怎么看怎么處理都在這兒
這篇文章主要介紹了再也不怕 JavaScript 報錯了,怎么看怎么處理都在這兒,需要的朋友可以參考下
2020-12-12
javascript消除window.close()的提示窗口
有人問起，怎么去掉js調(diào)用window.close()時怎么去掉那可惡的提示，咋一看好像還真不好弄，IE的安全機制好像就不允許通過腳本關(guān)閉本頁面，但是IE好像可以允許js關(guān)閉彈出窗口，那我們是不是可以通過一定的技巧欺騙一下IE，繞過去呢。鼓搗了幾下，似乎還真可以做到
2015-05-05
極力推薦一款小巧玲瓏的可視化編輯器bootstrap-wysiwyg
這篇文章主要為大家極力推薦一款小巧玲瓏的可視化編輯器bootstrap-wysiwyg，是一款基于jquery和bootstrap的可視化編輯器，感興趣的小伙伴們可以參考一下
2016-05-05
微信小程序?qū)崿F(xiàn)炫酷的彈出式菜單特效
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)炫酷的彈出式菜單特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-01-01
微信小程序?qū)崿F(xiàn)提交input信息到后臺的方法示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)提交input信息到后臺的方法,結(jié)合實例形式分析了微信小程序提交input信息到后臺相關(guān)事件響應與數(shù)據(jù)處理操作技巧,需要的朋友可以參考下
2019-01-01