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

这就是你想要的吗？

Answer 2

我认为这更像是他在寻找的东西。几年后，但Mohamed Mansour的回答对我有所帮助，这可能对其他人有所帮助。

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

列出存储的记录localStorage | Google Chrome扩展程序

2 个答案: