我有一个动态面包屑用
JavaScript设置.我想要的是为每个单词做初始上限.
例：
首页>一些>页
目前我已将它们全部转换为小写字母,并从具有多个单词的页面中的字符串中全部删除.我只需要将字符串转换为Initial Caps.这是我迄今为止工作的代码：
var path = "",href = document.location.href,domain = href.match(/:\/\/(.[^/]+)/)[1],replacedomain = 'http://' + domain + '/',s = href.replace(/-/gi," ").split("/"),lastElement = document.location.href.split('/').splice(-1,1);
for (var i = 2; i < (s.length - 1); i++) {
path += "<a class='bc' href=\"" + href.substring(0,href.indexOf("/" + s[i]) + s[i].length + 1) + "/\">" + s[i] + "</a> > ";
if (i > 0) {
breadcrumb = path;
}
}
i = s.length - 1;
breadcrumb += "<span>" + s[i] + "</span>";
var breadcrumbl = breadcrumb.toLowerCase(),domain = breadcrumbl.match(/:\/\/(.[^/]+)/)[1],breadcrumb2 = breadcrumbl.replace(domain,"").replace(domain,""),breadcrumbs = breadcrumb2,url = '<a href="/">Home</a>' + breadcrumbs;
document.getElementById('breadcrumb1').innerHTML=url;
我认为解决方案是使用正则表达式,但我不擅长编写它们,我很难理解这个概念.此外,如果有人认为这个脚本可以进一步优化您的反馈是值得欢迎的.我将使变量名称更加语义的生产.
解决方法
你可以使用css：
span.breadcrump {
text-transform: capitalize;
}
