快捷導(dǎo)航

模擬用戶點(diǎn)擊彈出新頁面不會(huì)被瀏覽器攔截

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

window.open被瀏覽器攔截導(dǎo)致頁面無法彈出，a標(biāo)簽的彈出就不會(huì)被瀏覽器攔截，下面有個(gè)不錯(cuò)的示例，大家可以學(xué)習(xí)下

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

先定義好HTML標(biāo)簽：

復(fù)制代碼代碼如下:

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

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

復(fù)制代碼代碼如下:

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

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

您可能感興趣的文章:

相關(guān)文章

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