Question

您好我正在尝试完全在客户端实现动态Javascript面包屑。

由于各种原因，我被禁止使用服务器端语言。

我使用这两个线程取得了一些进展：

但是我仍然无法成功应用此代码我不习惯使用Javascript，因此我的经验是一个限制所以请在解决方案中考虑。

干杯。

这就是我的尝试：

$(document).on("pageshow", "#breadcrumb", function breadCrumb(){

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 });
}
});

我不知道如何转换回HTML并放到网页上。

这就是我要求帮助的地方。

Answer 1

看看这是否有助于你

document.getElementById('ID').innerHTML = '<span>' + part[i] + '</span>';

上面的ID替换为您呈现的页面中元素的ID。即：

的内容

<div id='breadcrumbs'></div>

Javascript动态面包屑 - 客户端

1 个答案: