2017-04-17 128 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