開啟新頁面被瀏覽器攔截的問題
專案中,需求是先開啟彈窗完成資料校驗請求後,再開啟新的頁面,做表單資料的處理;程式碼完成後,彈出頁面的時候,總是被瀏覽器攔截,原因是瀏覽器的安全機制,防止非使用者操作彈出頁面,阻止廣告等非法頁面彈出,網上提供了一下幾種解決辦法:
1. 使用window.open(url,"_blank");不是特別好使
2.先開啟一個不被阻止的頁面,var newWin = window.open();再給新的頁面賦予新的訪問路徑,newWin.location.href=url;這種做法使用者體驗不好。
3.使用<a>標籤,再js呼叫a標籤的click事件,模仿使用者的點選行為。
4.ajax中使用同步訪問async:false;效果實現了,但是不知道有沒有別的問題。
以上是網上提供的幾種辦法,各位可以嘗試用一下,各種瀏覽器的相容性也不確定。
相關推薦
開啟新頁面被瀏覽器攔截的問題
專案中,需求是先開啟彈窗完成資料校驗請求後,再開啟新的頁面,做表單資料的處理;程式碼完成後,彈出頁面的時候,總是被瀏覽器攔截,原因是瀏覽器的安全機制,防止非使用者操作彈出頁面,阻止廣告等非法頁面彈出,網上提供了一下幾種解決辦法:1. 使用window.open(url,"_b
vue 路由跳轉開啟新視窗(被瀏覽器攔截)
今天做了一個功能是點選按鈕路由跳轉開啟新的視窗頁面 第一種方法 <router-link target="_blank" :to="{path:'/FundManger/FundProductMoney', query:{managerId:fundcode}}&
window.open開啟新視窗被瀏覽器攔截的處理方法
window.open是javascript函式,該函式的作用是開啟一個新視窗或這改變原來的視窗,如果你直接在js中呼叫window.open()函式去開啟一個新視窗,瀏覽器會攔截你,那麼如何避免呢。 注意,只有直接使用js呼叫 window.open(url); 開啟新視窗時,才會被攔截,如果是改變原理額
非同步請求後根據結果window.open方式開啟新頁面,瀏覽器攔截彈窗問題
專案中出現一個問題,要求根據從後臺非同步請求後的結果開啟新的標籤頁,發現使用window.location.href=”地址”,該方法沒有問題,但是使用window.open開啟新頁面的時候會無效。
ajax回撥開啟新窗體防止瀏覽器攔截
function click_fun(){ window.open("www.baidu.com");//能開啟 $.ajax({ 'url': '${pageCo
瀏覽器開啟新視窗被攔截問題
1. window.open() 方法和 form表單的submit方法 需要使用者點選事件觸發,將其直接寫在點選事件內部,未被攔截 <!DOCTYPE html> <html lang="en"> <head> <met
開啟新頁面的想法,代替window.open()有時會被瀏覽器阻攔的
$(".item").attr("href","myCompeteInfo.html?comUserId="+cpId);<a href="myCompeteInfo.html?comUserI
ajax 請求開啟新視窗被攔截
ajax 請求開啟新視窗被攔截 解決方法一: 先開始開啟一個空的新視窗,然後改變新視窗的 url function demo() { //未請求前開啟新視窗 var newPage = window.open(); $.ajax({ url: "
html 圖片下載瀏覽器預設會開啟新頁面預覽圖片解決方案
我們使用a標籤下載圖片的時候,瀏覽器預設會開啟新頁面預覽圖片,無法呼叫瀏覽器下載。 解決方案1:前端在a標籤加入download指定圖片下載,但是有相容性,並且限制也比較多
html 圖片下載瀏覽器預設會開啟新頁面預覽圖片解決方案
我們使用a標籤下載圖片的時候,瀏覽器預設會開啟新視窗預覽該圖片,無法呼叫瀏覽器下載。 解決方案1:前端在a標籤加入download指定圖片下載,但是有相容性,並且限制也比較多 解決方案2:使用瀏覽器自帶指令 SaveAs 來下載圖片,但是這個指令相容IE 解決
window.open(url)開啟連結被瀏覽器攔截解決方案
瀏覽器為了維護使用者安全和體驗,禁止在JS中直接使用window.open(url)來開啟新的連結(window.open(url,”_self”)改變當前的視窗是可以生效的)。下面採用幾種變通方
window.open被瀏覽器攔截的解決方案
方案 attr fun click open target win element blog function newWin(url, id) { var a = document.createElement(‘a‘);
MUI中點選推送訊息,若為同類型資訊,不關閉前一個頁面,開啟新頁面仍顯示前一個頁面資料的問題
最近公司在做的一個專案涉及個推推送,在寫推送過程中遇到了很多問題,現在把其中的一個問題與大家分享。 我們要實現的功能是後臺推送過來,我要根據推送的資訊型別進入不同的頁面,展現不同的資訊,但在寫的過程中發現同一種類型資訊,在不關閉前一條資訊的情況下,點選下一條同類型的資訊,開啟的頁面還是顯示上
window.open方法被瀏覽器攔截的處理方式
問題現象 當我們在一個 ajax 回撥中執行 window.open 方法時,新頁面會被瀏覽器攔截。 原因 在 Chrome 的安全機制裡,非使用者直接觸發的 window.open 方法,是會被攔截的。 處理 $('#jump-btn').on('click', funct
window.open()被瀏覽器攔截問題
一、原因 瀏覽器為了維護使用者安全和體驗,在JS中直接使用window.open(url,"_blank")來開啟新的連結是會被攔截的,(window.open(url,”_self”)改變當前的視窗是可以生效的),通常專案需要在ajax非同步請求完成後來開啟新連結,下面提供幾種解決方案 二
springMVC接受json並開啟新頁面
背景:框架中,兩個web工程A,B,我的B工程開發了一個對外action介面,A來連,要實現的功能是,A的頁面發起一個action請求,到達B的springmvc,通過驗證後,開啟一個B工程新的tab的新視窗 方案:B用form提交json字串。A後臺用String param(不用@RequestBody
網頁下載、開啟新頁面、收藏 js獲取寫法
點選可以下載網頁檔案 <button type="button" onclick="goToDown()">下載壓縮包</button> window.goToDown = function(){ window.location.href = "http://
layer彈窗如何關閉並開啟新頁面-圖片地址找不到的情況下設定預設圖片
之前看一個同事每天寫部落格,對學習有很大幫助,所以想效仿一下,不求太多,但求自己所得的知識能記的更深刻一點。今天是第一次,不做太多內容,就分享一下幾個小的知識點,本篇部落格因為內容比較零散,所以會不定期更新,知識點已經記牢的童靴,請自行忽略。 一、layer彈窗
JS 以POST方式開啟新頁面
/* *功能: JS跳轉頁面,並已POST方式提交資料 *引數: URL 跳轉地址 PARAMTERS 引數 */ function ShowReport_Click() { var parames
MUI-開啟新頁面,傳引數,設定展示效果
主頁面中開啟新視窗設定: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-w