2017-04-17 126 views
0

我有我找到的麪包屑代碼,但它顯示了整個鏈接。我怎樣才能製作一個類似的簡單面包屑,只顯示基於路徑的頁面名稱? (僅在JavaScript) (這將是很好的改變背景顏色太)簡單面包屑

<SCRIPT LANGUAGE="JavaScript"> 


var path = ""; 
var href = document.location.href; 
var s = href.split("/"); 
for (var i=2;i<(s.length-1);i++) { 
path+="<A HREF=\""+href.substring(0,href.indexOf("/"+s[i])+s[i].length+1)+"/\">"+s[i]+"</A>/"; 
} 
i=s.length-1; 
path+="<A HREF=\""+href.substring(0,href.indexOf(s[i])+s[i].length)+"\">"+s[i]+"</A>"; 
var url = window.location.protocol + "//" + path; 
document.writeln(url); 

</script> 
+0

你是什麼意思與頁面的名稱? –

+0

標題,你知道像: 主頁>產品>油漆>紅色 不喜歡: http://www.javascriptkit.com/ script/script2/breadcrumb.shtml 因爲它現在 – Sara980710

回答

0

你的意思是,這將不包括在麪包屑的網站?

<script language="Text/JavaScript"> 


var path = ""; 
var href = document.location.href; 
var s = href.split("/"); 
for (var i=2;i<(s.length-1);i++) { 
    path+="<A HREF=\""+href.substring(0,href.indexOf("/"+s[i])+s[i].length+1)+"/\">"+(i == 2 ? "home" : s[i])+"</A>/"; 
} 
i = s.length-1; 
path += "<A HREF=\""+href.substring(0,href.indexOf(s[i])+s[i].length)+"\">"+s[i]+"</A>"; 
var url = path; 
document.writeln(url); 

</script> 
+0

現在沒有它顯示: http://www.javascriptkit.com/ script/script2/breadcrumb.shtml 但我希望它能像(有超鏈接): 首頁/ script/script2/breadcrumb – Sara980710

+0

是不是要取代「javascriptkit.com 「 回家」?如果是這樣,我更新了上面的例子。 – Cuzi

+0

不完全在家,這只是一個例子。我想顯示你以前曾經瀏覽過的最近的頁面的標題,以便知道你的位置和所在。當我複製粘貼代碼時,它不會顯示任何內容。 – Sara980710