IE中JS跳轉(zhuǎn)丟失referrer問(wèn)題的2個(gè)解決方法
曾整理過(guò)一個(gè)各種頁(yè)面跳轉(zhuǎn)方法中referrer丟失的情況,其中提到,在IE中,使用類似 location.href = "a.html"這樣的方式跳轉(zhuǎn)頁(yè)面時(shí),在目標(biāo)頁(yè)面中 document.referrer的值會(huì)是空。這應(yīng)該是IE的一個(gè) bug。
大多數(shù)情況下,這個(gè)問(wèn)題不會(huì)給我們帶來(lái)麻煩,但有時(shí)候我們不得不用JavaScript來(lái)跳轉(zhuǎn),同時(shí)又要在下一個(gè)頁(yè)面收集 document.refer,這時(shí)就得想想其他辦法了。
Form GET方法
首先想到的是使用Form表單,用JS發(fā)起一個(gè)GET請(qǐng)求。代碼類似下面這樣:
function goToPage(url) {
if (isIE) {
// IE瀏覽器
var frm = document.createElement("form");
frm.action = url;
frm.method = "GET";
document.body.appendChild(frm);
frm.submit();
} else {
// 非IE
location.href = url;
}
}
這個(gè)方法可以如同預(yù)期地工作,目標(biāo)頁(yè)面中 document.referrer能正常指向上一個(gè)頁(yè)面。
A元素模擬點(diǎn)擊方法
網(wǎng)上搜索了一下,發(fā)現(xiàn)司徒正美的博客上記錄了這個(gè)問(wèn)題的另一個(gè)處理方法:
//define for all browsers
function goto(url) {
location.href = url;
}
//re-define for IE
if (isIE) {
function goto(url) {
var referLink = document.createElement('a');
referLink.href = url;
document.body.appendChild(referLink);
referLink.click();
}
}
原理很簡(jiǎn)單,先創(chuàng)建了一個(gè) A元素,指定其 href屬性為目標(biāo)鏈接,然后再使用JS觸發(fā)它的點(diǎn)擊事件。經(jīng)測(cè)試,在目標(biāo)頁(yè)面也能正常取到 document.referrer。
這個(gè)方法代碼更簡(jiǎn)短一點(diǎn),應(yīng)該比上面的使用 form表單的方案更好一些。
相關(guān)文章
javascript:文字不間斷向左移動(dòng)的實(shí)例代碼
這篇文章介紹了javascript:文字不間斷向左移動(dòng)的實(shí)例代碼,有需要的朋友可以參考一下2013-08-08uniapp小程序項(xiàng)目獲取位置經(jīng)緯度信息
在實(shí)際項(xiàng)目中很多時(shí)候我們需要獲取設(shè)備的位置信息,去展示給客戶,或者以位置信息為參數(shù),繼續(xù)向服務(wù)器獲取一些數(shù)據(jù),這篇文章主要介紹了uni-app如何獲取位置信息(經(jīng)緯度),需要的朋友可以參考下2022-11-11JavaScript 中判斷變量是否為數(shù)字的示例代碼
這篇文章主要介紹了JavaScript 中判斷變量是否為數(shù)字的示例代碼,代碼簡(jiǎn)單易懂對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10JavaScript中window和document用法詳解
這篇文章主要介紹了JavaScript中window和document用法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07js監(jiān)聽(tīng)鍵盤事件的方法_原生和jquery的區(qū)別詳解
下面小編就為大家?guī)?lái)一篇js監(jiān)聽(tīng)鍵盤事件的方法_原生和jquery的區(qū)別詳解。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10基于JS抓取某高校附近共享單車位置 使用web方式展示位置變化代碼實(shí)例
這篇文章主要介紹了基于JS抓取某高校附近共享單車位置 使用web方式展示位置變化代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08JS控件autocomplete 0.11演示及下載 1月5日已更新
JS控件autocomplete 0.11演示及下載 1月5日已更新...2007-01-01