如果有任何顯示網址的Javascript「返回」鏈接

Question

我想在我的網站內部頁面放置一個「返回」鏈接。 ，我可以簡單地使用代碼：

<script>document.write('<a href="#" onClick="history.go(-1); return:false;"></a>')</script> 

，但它並不顯示前一頁面的URL，當有人在徘徊，而且如果沒有以前的頁面將無法正常工作（如當你在新標籤中打開鏈接時）。所以我需要一個代碼，它只有在有前一頁時纔會出現，並且還顯示了網址。我很感激，如果任何人知道的好辦法..

Answer 1

可以使用history object as describe at the MDN

var h = window.history; 
hSize = h.length; // is there any history 
h.back(); 

還要檢查browser support for these methods。

Answer 2

您必須檢查是否有使用window.history.length的歷史記錄條目。如果它大於零，請插入鏈接。

參見：

https://developer.mozilla.org/en-US/docs/DOM/window.history

https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history

Answer 3

document.referrer是我的建議。

製作一個隱藏的div並在該div中放置鏈接。

<div id="NavBack">//hide it 
    <a>link here</a> 
</div> 

在文檔加載，查詢像「上的URL」是否存在。如果確實存在，則顯示#NavBack，其中包含可以導航回的鏈接或只是隱藏它。請參考this

我已經更新了答案，並給出了提示。

<div id="NavBack" style="display:none;"> 
    <a id='test'>link here</a> 
</div> 
<script type="text/javascript"> 
if(document.referrer!=''){ 
    var a = document.getElementById("test"); 
    a.href=document.referrer; 
    document.getElementById("NavBack").style.display='block'; 
} 
</script> 

我已經使用了上面的代碼，它的工作完美。雖然，讓我明確表示這不是標準的方式，但這只是給你一個想告訴我的想法。請使用jQuery而不是JavaScript，並且不要在項目中添加內聯CSS。