window.open不被攔截的簡(jiǎn)單實(shí)現(xiàn)代碼(推薦)

更新時(shí)間：2016年08月04日 09:06:49 投稿：jingxian

下面小編就為大家?guī)硪黄獁indow.open不被攔截的簡(jiǎn)單實(shí)現(xiàn)代碼(推薦) 。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

實(shí)例如下：

$("#last").click(function(){
var w=window.open();
setTimeout(function(){
w.location="http://www.dhdzp.com";
}, 1000);

return false;
});

window.open是javascript函數(shù)，該函數(shù)的作用是打開一個(gè)新窗口或這改變?cè)瓉淼拇翱?如果你直接在js中調(diào)用window.open()函數(shù)去打開一個(gè)新窗口，瀏覽器會(huì)攔截你,那么如何避免呢，感興趣的朋友可以了解下本文或許對(duì)你學(xué)習(xí)有所幫助

window.open是javascript函數(shù)，該函數(shù)的作用是打開一個(gè)新窗口或這改變?cè)瓉淼拇翱冢贿^一般用來的是打開新窗口，因?yàn)樾薷脑瓉淼木W(wǎng)頁地址，可以有另一個(gè)函數(shù)，那就是window.location,他可以重定向網(wǎng)頁地址，使網(wǎng)頁跳轉(zhuǎn)到另一個(gè)頁面。

我現(xiàn)在要說的是window.open函數(shù)的幾個(gè)使用策略，一般情況下，如果你直接在js中調(diào)用window.open()函數(shù)去打開一個(gè)新窗口，瀏覽器會(huì)攔截你，認(rèn)為你將彈出廣告等用戶不想得到的窗體，所以如果不想讓瀏覽器攔截你，你可以將這個(gè)函數(shù)改為用戶點(diǎn)擊時(shí)觸發(fā)，這樣瀏覽器就認(rèn)為是用戶想訪問這個(gè)頁面，而不是你直接彈出給用戶。

所以常用的方法就是在超鏈接里加入onclick事件，如<a href="javascript:void(0)" onclick="window.open()"></a>這樣用戶點(diǎn)擊這個(gè)超鏈接，瀏覽器會(huì)認(rèn)為它是打開一個(gè)新的鏈接，所以就不會(huì)攔截。

可是有時(shí)候我們會(huì)遇到想要彈出一個(gè)窗口，可是卻是在onckick事件執(zhí)行后，才去彈出來的，這時(shí)就會(huì)被瀏覽器攔截，我們可以通過下面的方法來避免，就是先用window.open打開一個(gè)窗口，然后修改地址。如var tempwindow=window.open('_blank');打開一個(gè)窗口，然后用 tempwindow.location='http://www.dhdzp.com';使這個(gè)窗口跳轉(zhuǎn)到百度，這樣就會(huì)呈現(xiàn)彈出百度窗口的效果了。

以上這篇window.open不被攔截的簡(jiǎn)單實(shí)現(xiàn)代碼(推薦) 就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

js構(gòu)造函數(shù)constructor和原型prototype原理與用法實(shí)例分析
這篇文章主要介紹了js構(gòu)造函數(shù)constructor和原型prototype原理與用法,結(jié)合實(shí)例形式分析js構(gòu)造函數(shù)constructor和原型prototype基本原理、功能、使用方法及操作注意事項(xiàng),需要的朋友可以參考下
2020-03-03
用roll.js實(shí)現(xiàn)的圖片自動(dòng)滾動(dòng)+鼠標(biāo)觸動(dòng)的特效
用roll.js實(shí)現(xiàn)的圖片自動(dòng)滾動(dòng)+鼠標(biāo)觸動(dòng)的特效...
2007-03-03
使用JavaScript在html文檔內(nèi)添加新的元素節(jié)點(diǎn)
這篇文章主要介紹了使用JavaScript在html文檔內(nèi)添加新的元素節(jié)，主要打方式就是動(dòng)態(tài)的改變?cè)衕tml文檔結(jié)構(gòu)，下文詳細(xì)介紹內(nèi)容需要的可以參考一下
2022-02-02
原生js和jquery中有關(guān)透明度設(shè)置的相關(guān)問題
設(shè)置透明度問題，比如圖片的淡入淡出效果。下面我介紹一下在原生js和jQuery中設(shè)置透明度的相關(guān)問題和注意點(diǎn)
2014-01-01
uniapp實(shí)現(xiàn)單選組件覆蓋選中樣式的方法
最近使用uniapp開發(fā),有些組件渲染之后會(huì)生成一些標(biāo)簽,需要修改生成標(biāo)簽的樣式,下面通過實(shí)例代碼講解uniapp實(shí)現(xiàn)單選組件覆蓋選中樣式的方法,感興趣的朋友一起看看吧
2024-03-03
微信小程序中實(shí)現(xiàn)自定義Navbar方法詳解
這篇文章主要介紹了微信小程序中實(shí)現(xiàn)自定義Navbar方法,Navbar由 StatusBar和TitleBar組成,只需要知道它們各自的高度,就可以很好地完成自定義,需要的朋友可以參考下
2024-05-05
微信小程序?qū)崿F(xiàn)點(diǎn)擊卡片翻轉(zhuǎn)效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊卡片翻轉(zhuǎn)效果本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-09-09
淺談js數(shù)組和splice的用法
下面小編就為大家?guī)硪黄獪\談js數(shù)組和splice的用法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-12-12
JavaScript 實(shí)現(xiàn)下雪特效的示例代碼
這篇文章主要介紹了JavaScript 實(shí)現(xiàn)下雪特效的示例代碼，幫助大家利用JavaScript制作特效，感興趣的朋友可以了解下
2020-09-09
JavaScript數(shù)據(jù)結(jié)構(gòu)Number
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)Number，Number?是JavaScript的基本數(shù)據(jù)結(jié)構(gòu)，是對(duì)應(yīng)數(shù)值的應(yīng)用類型，下文給大家分享JavaScript使用?Number?的常見問題,需要的朋友可以參考一下
2022-02-02