JS彈出新窗口被攔截的解決方法
更新時間：2016年08月09日 16:59:53 投稿：mrr
使用js使用新窗口打開頁面的時候，經(jīng)常遇到被瀏覽器攔截的情況，怎么解決呢？下面小編通過兩種情況分析并分別附有解決辦法，對js彈出新窗口被攔截感興趣的朋友一起學(xué)習(xí)吧
在Web編程中，使用JS在新窗口打開頁面的時候，會遇到被瀏覽器攔截的情況，那么，我們?nèi)绾尾拍茏孞S打開新窗口不被瀏覽器阻止呢？
一、問題一
一般情況下，如果直接在js中調(diào)用window.open()函數(shù)去打開一個新窗口，瀏覽器會對彈出的窗口進(jìn)行攔截，因為瀏覽器會把該窗口認(rèn)為是彈出廣告等用戶不想得到的窗體
1、解決方法
把window.open()函數(shù)改為由用戶主動點擊時觸發(fā)，在超鏈接里加入onclick事件，這樣瀏覽器就認(rèn)為是用戶想訪問這個頁面，而不是直接彈出給用戶
2、例如：
<a href="javascript:void(0)" onclick="window.open()"></a>
這樣用戶點擊這個超鏈接，瀏覽器會認(rèn)為它是打開一個新的鏈接，所以就不會攔截。
二、問題二
使用ajax處理數(shù)據(jù)，當(dāng)點擊獲取數(shù)據(jù)后，再跳轉(zhuǎn)到新頁面，這時就會被瀏覽器攔截
1、解決方法
先用window.open打開一個窗口，然后修改該窗口地址
2、例如
var tempwindow=window.open(); tempwindow.location='/jump/new';
以上所述是小編給大家介紹的JS彈出新窗口被攔截的解決方法,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
ECharts是一個使用JavaScript實現(xiàn)的開源可視化庫,涵蓋各行業(yè)圖表,滿足各種需求,下面這篇文章主要給大家介紹了如何從零開始畫echarts地圖的相關(guān)資料,需要的朋友可以參考下2022-04-04
本篇文章主要是對使用js判斷控件是否獲得焦點的方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
next.js之getStaticProps?getStaticPaths使用技巧解析
這篇文章主要為大家介紹了next.js之getStaticProps?getStaticPaths使用技巧解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
地圖在我們?nèi)粘５臄?shù)據(jù)可視化分析中是很常見的一種展示手段,不僅美觀而且很大氣,這篇文章主要給大家介紹了關(guān)于echarts地圖區(qū)域顯示不同顏色的相關(guān)資料,需要的朋友可以參考下2023-10-10
本文主要介紹如何使用headjs來管理和異步加載js，提高頁面的加載速度，需要的朋友可以參考下2016-11-11
javascript parseInt() 函數(shù)的進(jìn)制轉(zhuǎn)換注意細(xì)節(jié)
parseInt(string, radix) 有2個參數(shù)，第一個string 是傳入的數(shù)值，第二個radix是 傳入數(shù)值的進(jìn)制，參數(shù)radix 可以忽略，默認(rèn)為 10，各種進(jìn)制的數(shù)轉(zhuǎn)換為 十進(jìn)制整數(shù),接下來詳細(xì)介紹，感興趣的朋友可以了解下哦2013-01-01
JS使用單鏈表統(tǒng)計英語單詞出現(xiàn)次數(shù)
這篇文章主要為大家詳細(xì)介紹了JS使用單鏈表統(tǒng)計英語單詞出現(xiàn)次數(shù)的相關(guān)資料，列出所有單詞及其出現(xiàn)次數(shù)，感興趣的小伙伴們可以參考一下2016-06-06
淺析JavaScript中break、continue和return的區(qū)別
這篇文章主要介紹了JavaScript中break、continue和return的區(qū)別,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
下面小編就為大家?guī)硪黄猨s方法數(shù)據(jù)驗證的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
在 Vue 3 中使用 Element Plus 的 <el-menu> 組件時,默認(rèn)情況下菜單項是關(guān)閉狀態(tài)的,如果你想讓某個菜單項默認(rèn)處于展開狀態(tài),你可以通過設(shè)置菜單項的 default-active 屬性來實現(xiàn),這篇文章主要介紹了element-plus默認(rèn)菜單打開,需要的朋友可以參考下2024-08-08