window.open關(guān)于瀏覽器攔截問題分析及解決方法
更新時(shí)間：2013年02月05日 14:54:27 作者：
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.baidu.com';使這個(gè)窗口跳轉(zhuǎn)到百度，這樣就會(huì)呈現(xiàn)彈出百度窗口的效果了。
我現(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.baidu.com';使這個(gè)窗口跳轉(zhuǎn)到百度，這樣就會(huì)呈現(xiàn)彈出百度窗口的效果了。
相關(guān)文章
js獲取控件位置(坐標(biāo)位置)在不同瀏覽器中的差別，在本文為大家詳細(xì)介紹下，感興趣的朋友可以參考下2013-08-08
js+canvas實(shí)現(xiàn)兩張圖片合并成一張圖片的方法
這篇文章主要介紹了js+canvas實(shí)現(xiàn)兩張圖片合并成一張圖片的方法,結(jié)合實(shí)例形式分析了JavaScript結(jié)合HTML5 canvas實(shí)現(xiàn)圖片合并的操作技巧,并附帶了Java圖片合并的實(shí)現(xiàn)方法,需要的朋友可以參考下2019-11-11
js創(chuàng)建元素（節(jié)點(diǎn)）示例
本文為大家介紹下使用js是如何創(chuàng)建元素（節(jié)點(diǎn)）的，感興趣的朋友不要錯(cuò)過2014-01-01
這篇文章主要介紹了通過實(shí)例解析json與jsonp原理及使用方法,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09
試想一下：出現(xiàn)了某個(gè)bug，有人用幾分鐘就搞定了，有人用了半天或者一天都找不到原因所在。你愿意當(dāng)前者還是后者呢？想當(dāng)前者的就請(qǐng)好好看完本篇文章吧。文中涉及較多Gif演示動(dòng)畫請(qǐng)注意。2016-07-07
淺析創(chuàng)建javascript對(duì)象的方法
下面小編就為大家?guī)硪黄獪\析創(chuàng)建javascript對(duì)象的方法。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
Bootstrap 網(wǎng)站實(shí)例之單頁營銷網(wǎng)站
這篇文章主要介紹了Bootstrap 網(wǎng)站實(shí)例之單頁營銷網(wǎng)站的相關(guān)資料,本文給大家介紹的非常詳細(xì)具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2016-10-10
如何在TypeScript中正確的遍歷一個(gè)對(duì)象
在TypeScript里面,也會(huì)遇到需要遍歷對(duì)象的時(shí)候,下面這篇文章主要給大家介紹了關(guān)于如何在TypeScript中正確的遍歷一個(gè)對(duì)象的相關(guān)資料,需要的朋友可以參考下2022-03-03
關(guān)于js中removeEventListener取消事件監(jiān)聽的坑
許多入前端不久的人都會(huì)遇到removeEventListener無法清除監(jiān)聽的情況,下面這篇文章主要給大家介紹了關(guān)于js中removeEventListener取消事件監(jiān)聽的坑,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)輪播圖的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02