js中的referrer返回上一頁(yè)使用介紹
更新時(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)前頁(yè)面的前一頁(yè)面的 URL 地址。不是所有的用戶代理(瀏覽器)都會(huì)設(shè)置這個(gè)變量,而且有的還可以手工修改 HTTP_REFERER。因此,這個(gè)變量不總是真實(shí)正確的。
注意 document.referrer; 和“HTTP_REFERER” 中間差一個(gè)字母,卻是不同的概念的東東,請(qǐng)注意使用
js中的referrer使用,返回上一頁(yè)
在js中寫(xiě)上location.href = document.referrer;就可以實(shí)現(xiàn)跳轉(zhuǎn)到上一個(gè)頁(yè)面了,讓用戶覺(jué)得體驗(yàn)很好
但是在IE中referrer就沒(méi)那么盡人意了啊,IE會(huì)清空referrer
眾所周知,我們web開(kāi)發(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無(wú)法取到瀏覽器請(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瀏覽器的頁(yè)面偷偷加了個(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)前頁(yè)面的前一頁(yè)面的 URL 地址。不是所有的用戶代理(瀏覽器)都會(huì)設(shè)置這個(gè)變量,而且有的還可以手工修改 HTTP_REFERER。因此,這個(gè)變量不總是真實(shí)正確的。
注意 document.referrer; 和“HTTP_REFERER” 中間差一個(gè)字母,卻是不同的概念的東東,請(qǐng)注意使用
js中的referrer使用,返回上一頁(yè)
在js中寫(xiě)上location.href = document.referrer;就可以實(shí)現(xiàn)跳轉(zhuǎn)到上一個(gè)頁(yè)面了,讓用戶覺(jué)得體驗(yàn)很好
但是在IE中referrer就沒(méi)那么盡人意了啊,IE會(huì)清空referrer
眾所周知,我們web開(kāi)發(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無(wú)法取到瀏覽器請(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瀏覽器的頁(yè)面偷偷加了個(gè)鏈接,然后自動(dòng)點(diǎn)這個(gè)鏈接,于是referrer就能保留了。
所以我們的根據(jù)不同瀏覽器的不同情況,必須的考慮完整,讓代碼變得強(qiáng)壯。
您可能感興趣的文章:
- JavaScript返回上一頁(yè)的三種方法及區(qū)別介紹
- js返回上一頁(yè)并刷新代碼整理
- js返回上一頁(yè)并刷新的多種實(shí)現(xiàn)方法
- Javascript實(shí)現(xiàn)返回上一頁(yè)面并刷新的小例子
- wap手機(jī)端解決返回上一頁(yè)的js實(shí)例
- js中document.referrer實(shí)現(xiàn)移動(dòng)端返回上一頁(yè)
- JS返回上一頁(yè)實(shí)例代碼通過(guò)圖片和按鈕分別實(shí)現(xiàn)
- JS本地刷新返回上一頁(yè)代碼
- 返回上一頁(yè)并自動(dòng)刷新的JavaScript代碼
- JS實(shí)現(xiàn)返回上一頁(yè)并刷新頁(yè)面的方法分析
相關(guān)文章
javascript圖像處理—邊緣梯度計(jì)算函數(shù)
上一篇文章,我們講解了圖像處理中的膨脹和腐蝕函數(shù),這篇文章將做邊緣梯度計(jì)算函數(shù),感興趣的朋友可以了解下2013-01-01JavaScript移除數(shù)組元素減少長(zhǎng)度的方法
數(shù)組想必大家對(duì)它并不陌生吧,有些新手朋友們都不知道如何移除數(shù)組元素,下面為大家介紹個(gè)示例,喜歡的朋友可以了解下2013-09-09JS新標(biāo)簽頁(yè)打開(kāi)的方法大全(讓你的網(wǎng)站訪問(wèn)更加便捷)
在開(kāi)發(fā)Web應(yīng)用中我們常常需要在當(dāng)前頁(yè)面打開(kāi)一個(gè)鏈接,但又不希望離開(kāi)當(dāng)前頁(yè)面,這篇文章主要給大家介紹了關(guān)于JS新標(biāo)簽頁(yè)打開(kāi)的方法大全,通過(guò)這些方法可以讓你的網(wǎng)站訪問(wèn)更加便捷,需要的朋友可以參考下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ì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08