js中的referrer返回上一頁使用介紹
更新時(shí)間:2013年09月26日 17:11:23 作者:
js中的referrer想必大家并不陌生吧,在本文將為大家詳細(xì)介紹其是如何使用的,感興趣的朋友可以參考下,希望對(duì)大家有所幫助
js完整代碼:
<script language="javascript">
var refer=document.referrer;
document.getElementById('backurl').value=refer;
</script>
“HTTP_REFERER”
鏈接到當(dāng)前頁面的前一頁面的 URL 地址。不是所有的用戶代理(瀏覽器)都會(huì)設(shè)置這個(gè)變量,而且有的還可以手工修改 HTTP_REFERER。因此,這個(gè)變量不總是真實(shí)正確的。
注意 document.referrer; 和“HTTP_REFERER” 中間差一個(gè)字母,卻是不同的概念的東東,請(qǐng)注意使用
js中的referrer使用,返回上一頁
在js中寫上location.href = document.referrer;就可以實(shí)現(xiàn)跳轉(zhuǎn)到上一個(gè)頁面了,讓用戶覺得體驗(yàn)很好
但是在IE中referrer就沒那么盡人意了啊,IE會(huì)清空referrer
眾所周知,我們web開發(fā)人員痛恨IE瀏覽器,因?yàn)镮E不支持標(biāo)準(zhǔn),標(biāo)準(zhǔn)外的默認(rèn)行為又和其他瀏覽器經(jīng)常不一致:
在IE中用javascript做跳轉(zhuǎn),比如用window.location.href = “http://www.google.com”; google無法取到瀏覽器請(qǐng)求的HTTP referrer,因?yàn)镮E清空了document.referrer
而其他主流瀏覽器Firefox和Chrome都會(huì)保留referrer,這意味著IE又要享受“部長(zhǎng)級(jí)”特殊待遇了:
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
var referLink = document.createElement('a');
referLink.href = url;
document.body.appendChild(referLink);
referLink.click();
}else {
location.href = url;
}
這樣的原理就是給IE瀏覽器的頁面偷偷加了個(gè)鏈接,然后自動(dòng)點(diǎn)這個(gè)鏈接,于是referrer就能保留了。
所以我們的根據(jù)不同瀏覽器的不同情況,必須的考慮完整,讓代碼變得強(qiáng)壯。
復(fù)制代碼 代碼如下:
<script language="javascript">
var refer=document.referrer;
document.getElementById('backurl').value=refer;
</script>
“HTTP_REFERER”
鏈接到當(dāng)前頁面的前一頁面的 URL 地址。不是所有的用戶代理(瀏覽器)都會(huì)設(shè)置這個(gè)變量,而且有的還可以手工修改 HTTP_REFERER。因此,這個(gè)變量不總是真實(shí)正確的。
注意 document.referrer; 和“HTTP_REFERER” 中間差一個(gè)字母,卻是不同的概念的東東,請(qǐng)注意使用
js中的referrer使用,返回上一頁
在js中寫上location.href = document.referrer;就可以實(shí)現(xiàn)跳轉(zhuǎn)到上一個(gè)頁面了,讓用戶覺得體驗(yàn)很好
但是在IE中referrer就沒那么盡人意了啊,IE會(huì)清空referrer
眾所周知,我們web開發(fā)人員痛恨IE瀏覽器,因?yàn)镮E不支持標(biāo)準(zhǔn),標(biāo)準(zhǔn)外的默認(rèn)行為又和其他瀏覽器經(jīng)常不一致:
在IE中用javascript做跳轉(zhuǎn),比如用window.location.href = “http://www.google.com”; google無法取到瀏覽器請(qǐng)求的HTTP referrer,因?yàn)镮E清空了document.referrer
而其他主流瀏覽器Firefox和Chrome都會(huì)保留referrer,這意味著IE又要享受“部長(zhǎng)級(jí)”特殊待遇了:
復(fù)制代碼 代碼如下:
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
var referLink = document.createElement('a');
referLink.href = url;
document.body.appendChild(referLink);
referLink.click();
}else {
location.href = url;
}
這樣的原理就是給IE瀏覽器的頁面偷偷加了個(gè)鏈接,然后自動(dòng)點(diǎn)這個(gè)鏈接,于是referrer就能保留了。
所以我們的根據(jù)不同瀏覽器的不同情況,必須的考慮完整,讓代碼變得強(qiáng)壯。
您可能感興趣的文章:
相關(guān)文章
javascript圖像處理—邊緣梯度計(jì)算函數(shù)
上一篇文章,我們講解了圖像處理中的膨脹和腐蝕函數(shù),這篇文章將做邊緣梯度計(jì)算函數(shù),感興趣的朋友可以了解下2013-01-01JavaScript移除數(shù)組元素減少長(zhǎng)度的方法
數(shù)組想必大家對(duì)它并不陌生吧,有些新手朋友們都不知道如何移除數(shù)組元素,下面為大家介紹個(gè)示例,喜歡的朋友可以了解下2013-09-09JS新標(biāo)簽頁打開的方法大全(讓你的網(wǎng)站訪問更加便捷)
在開發(fā)Web應(yīng)用中我們常常需要在當(dāng)前頁面打開一個(gè)鏈接,但又不希望離開當(dāng)前頁面,這篇文章主要給大家介紹了關(guān)于JS新標(biāo)簽頁打開的方法大全,通過這些方法可以讓你的網(wǎng)站訪問更加便捷,需要的朋友可以參考下2023-10-10javascript設(shè)計(jì)模式 – 橋接模式原理與應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 橋接模式,結(jié)合實(shí)例形式分析了javascript橋接模式基本概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04opencv 識(shí)別微信登錄驗(yàn)證滑動(dòng)塊位置
這篇文章主要介紹了opencv 識(shí)別微信登錄驗(yàn)證滑動(dòng)塊位置及各自的優(yōu)缺點(diǎn),需要的朋友可以參考下2018-08-08LayUi中接口傳數(shù)據(jù)成功,表格不顯示數(shù)據(jù)的解決方法
今天小編就為大家分享一篇LayUi中接口傳數(shù)據(jù)成功,表格不顯示數(shù)據(jù)的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08