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è)字母，卻是不同的概念的東東，請注意使用
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無法取到瀏覽器請求的HTTP referrer，因?yàn)镮E清空了document.referrer
而其他主流瀏覽器Firefox和Chrome都會(huì)保留referrer，這意味著IE又要享受“部長級(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è)字母，卻是不同的概念的東東，請注意使用
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無法取到瀏覽器請求的HTTP referrer，因?yàn)镮E清空了document.referrer
而其他主流瀏覽器Firefox和Chrome都會(huì)保留referrer，這意味著IE又要享受“部長級(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)文章
js中textContent、innerText和innerHTML的用法以及區(qū)別
這篇文章主要介紹了JavaScript中textContent、innerText和innerHTML的用法以及區(qū)別,需要的朋友可以參考下2023-05-05
js將網(wǎng)址轉(zhuǎn)為urlencode類型
網(wǎng)址urlencode加密函數(shù)，主要用于中文目錄2008-06-06
JavaScript代表客戶端，而Session代表的是服務(wù)器（不知道這樣說大家是否能夠理解）接下來介紹JavaScript如何控制Session，感興趣的朋友可以了解下啊2013-01-01
JVM是一種用于計(jì)算設(shè)備的規(guī)范，它是一個(gè)虛構(gòu)出來的機(jī)器，是通過在實(shí)際的計(jì)算機(jī)上仿真模擬各種功能實(shí)現(xiàn)的。JVM的內(nèi)存區(qū)域可以被分為：線程、棧、堆、靜態(tài)方法區(qū)。本文將介紹JVM的內(nèi)存模型，感興趣的小伙伴，可以參考下2021-06-06
文字不間斷滾動(dòng)(上下左右)實(shí)例代碼，需要的朋友可以參考一下2013-04-04
JavaScript實(shí)現(xiàn)構(gòu)造json數(shù)組的方法分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)構(gòu)造json數(shù)組的方法,結(jié)合實(shí)例形式對(duì)比分析了javascript構(gòu)造json數(shù)組的實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2018-08-08 
頁面中實(shí)現(xiàn)setInterval和setTimeout效果示例詳解
這篇文章主要為大家介紹了不使用setTimeout和setInterval在頁面中實(shí)現(xiàn)setInterval和setTimeout效果示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09 
javascript數(shù)據(jù)結(jié)構(gòu)與算法之檢索算法
查找數(shù)據(jù)有2種方式，順序查找和二分查找。順序查找適用于元素隨機(jī)排列的列表。二分查找適用于元素已排序的列表。二分查找效率更高，但是必須是已經(jīng)排好序的列表元素集合
2015-04-04 
JS版獲取字符串真實(shí)長度和取固定長度的字符串函數(shù)
JS版獲取字符串真實(shí)長度和取固定長度的字符串函數(shù)...
2007-04-04