javascript - 列出存储的记录 localStorage |谷歌浏览器扩展

Question

如何在 for 循环中列出存储的记录？

基本上我希望它像这样列出记录:

'<div id="record_' + number + '">' + localstorage value + '</div>'

类中的数字应该每条记录加1，例如1、2、3、4 它列出的每条记录，依此类推。

localstorage 值应该显示 localStorage[] 但问题是，localStorage 名称具有相同的名称，例如

(点击按钮)

它将 URL 的值保存到 localStorage

然后我打开应用程序并显示 window.html

里面有存储记录的列表，使用这个:

'<div id="record_' + number + '">' + localstorage value + '</div>'

包括每条记录 1、2、3 等要添加的记录号......像这样:

<div id="record_1">localstorage value</div>
<div id="record_2">localstorage value</div>
<div id="record_3">localstorage value</div>
<div id="record_4">localstorage value</div>
<div id="record_5">localstorage value</div>
<div id="record_6">localstorage value</div>

etc...

编辑:

for (var i = 1; i < localStorage.length; i++) {
document.write('<div id="record_' + i + '">' + i + '<span style="float:right;"><ahref="#" onclick="javascript:clear(' + i + ');">Delete</a></span></div>');
}

window.addEventListener("load", windowLoaded, false);
function windowLoaded() 
{
  chrome.tabs.getSelected(null, function(tab) 
  {
    var btn = '<a href="' + tab.url + '" onclick="Save(\'' + tab.url + '\');">Add to Favourites</a>';
    document.getElementById('current-link').innerHTML = '<p>' + btn + '</p>';
  });
}

function Save(url)
{
    localStorage.setItem("cilium-favs", url);
}

Answer 1

您也可以迭代 localStorage。

for (var i=0; i < localStorage.length; i++) {
  console.log(localStorage.key(i));
}

这是你想要的吗？