您當前位置：首頁 > 互聯網 > 通過document.referrer判斷頁面是鏈接調整還是新打開以及來源

通過document.referrer判斷頁面是鏈接調整還是新打開以及來源

來源：程序員人生發布時間：2014-10-08 08:00:00 閱讀次數：2761次

業務需求：

1、復制鏈接或者QQ中在瀏覽器中新打開的鏈接，點擊“返回”跳轉到列表頁；

2、從列表頁鏈接調整進的店“返回”執行瀏覽器的“返回”動作，好處是能直接定位到列表頁上次瀏覽的位置。

function ClickBack(){ if(document.referrer==""||document.referrer.indexOf("cases")==-1){ //返回到案例列表 window.location.href='/cases/'; }else{ history.back(); } }

若新打開的頁面document.referrer值即為“”

兼容性測試：

操作	IE6	IE7	IE8	IE9	Firefox	Chrome	Opera	Safari
直接在地址欄輸入URL	“”	“”	“”	“”	“”	“”	“”	“”
從書簽訪問URL	“”	“”	“”	“”	“”	“”	“”	“”
從頁面A點擊超鏈接，跳轉到頁面B（target=”_self”）	√	√	√	√	√	√	√	√
從頁面A點擊超鏈接，跳轉到頁面B（target=”_blank”）	√	√	√	√	√	√	√	√
從頁面A右鍵單擊超鏈接，在新標簽頁中打開頁面B	-	√	√	√	√	√	√	“”
從頁面A右鍵單擊超鏈接，在新窗口中打開頁面B	√	√	√	√	√	√	√	“”
拖動鏈接到地址欄	“”	無法拖動	無法拖動	“”	“”	“”	“”	“”
拖動鏈接到標簽欄	-	“”	“”	“”	“”	“”	“”	“”
使用瀏覽器的前進、后退按鈕	√	√	√	√	√	√	√	√
JS 修改 location.href	“”	“”	“”	√	√	√	√	√
JS 使用 window.open	“”	“”	“”	“”	√	√	√	√
服務器重定向（302跳轉）	定向之前的頁面	定向之前的頁面	定向之前的頁面	定向之前的頁面	定向之前的頁面	定向之前的頁面	定向之前的頁面	定向之前的頁面
頁面 Meta Refresh	“”	“”	“”	“”	“”	轉向頁	轉向頁	轉向頁

上表中的“√”表示能正常取到 referrer，”” 表示 referrer 為空。

測試結果來自網絡，作者不詳，感謝分享。

操作	IE6	IE7	IE8	IE9	Firefox	Chrome	Opera	Safari
直接在地址欄輸入URL	“”	“”	“”	“”	“”	“”	“”	“”
從書簽訪問URL	“”	“”	“”	“”	“”	“”	“”	“”
從頁面A點擊超鏈接，跳轉到頁面B（target=”_self”）	√	√	√	√	√	√	√	√
從頁面A點擊超鏈接，跳轉到頁面B（target=”_blank”）	√	√	√	√	√	√	√	√
從頁面A右鍵單擊超鏈接，在新標簽頁中打開頁面B	-	√	√	√	√	√	√	“”
從頁面A右鍵單擊超鏈接，在新窗口中打開頁面B	√	√	√	√	√	√	√	“”
拖動鏈接到地址欄	“”	無法拖動	無法拖動	“”	“”	“”	“”	“”
拖動鏈接到標簽欄	-	“”	“”	“”	“”	“”	“”	“”
使用瀏覽器的前進、后退按鈕	√	√	√	√	√	√	√	√
JS 修改 location.href	“”	“”	“”	√	√	√	√	√
JS 使用 window.open	“”	“”	“”	“”	√	√	√	√
服務器重定向（302跳轉）	定向之前的頁面	定向之前的頁面	定向之前的頁面	定向之前的頁面	定向之前的頁面	定向之前的頁面	定向之前的頁面	定向之前的頁面
頁面 Meta Refresh	“”	“”	“”	“”	“”	轉向頁	轉向頁	轉向頁

上表中的“√”表示能正常取到 referrer，”” 表示 referrer 為空。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 網站搭建基礎知識、流程概括

下一篇 菜鳥學習Spring――第一個例子

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關注

欄目熱點

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

通過document.referrer判斷頁面是鏈接調整還是新打開以及來源