Javascript動態面包屑-客戶端

Question

您好，我正在嘗試完全在客戶端實現動態Javascript面包屑。

由於各種原因，我被限制使用服務器端語言。

使用以下兩個線程，我已經取得了一些進展：

1） jQuery從URL生成面包屑？

2） 建立面包屑的方法

但是，我仍然無法成功應用此代碼，因為我不習慣使用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>