jQuery从url生成面包屑？

有没有办法让jQuery在网页上生成面包屑？

因此，如果网站url是：mysite.com/sec1/sec2/page

面包屑将类似于：Home> Sec1> Sec2> Page

谢谢

Answer 1

这将创建一个可用于生成面包屑的数组。

var here = location.href.split('/').slice(3); var parts = [{ "text": 'Home', "link": '/' }]; for( var i = 0; i < here.length; i++ ) { var part = here[i]; var text = part.toUpperCase(); var link = '/' + here.slice( 0, i + 1 ).join('/'); parts.push({ "text": text, "link": link }); } 

虽然，我真的认为你应该在服务器端处理这个问题！

Answer 2

 var url = 'mysite.com/sec1/sec2/page'; // = location.href var parts = url.split('/'); parts[0] = 'Home'; var breadcrumb = parts.join(' > '); $('#breadcrumb').html(breadcrumb); 

Answer 3

 splitted_url = document.url.split('/'); 

将为您提供一个包含每个目录的数组，然后您可以像splitted_url[0]一样访问它们

Answer 4

除了JavaScript本身提供的function之外，jQuery没有任何唯一的URL解析function。 您可以使用以下命令获取URL路径：

 var path = location.pathname; 

然后，您可以使用以下命令获取路径的各个部分：

 var parts = path.split('/'); 

然后，只需遍历各个部分，然后根据需要生成面包屑HTML。