1

如何獲取在for循環中列出存儲的記錄?列出存儲的記錄localStorage | Google Chrome擴展程序

基本上我希望它列出下來這樣的記錄:

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

回答

4

可以遍歷localStorage的爲好。

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

這就是你想要的嗎?

+0

我已經編輯上面的代碼,我不能得到它的URL保存到本地存儲,請提供給我一些例子,我幾乎可以找到很好的存儲,而不是鍍鉻的文件所有的時間很好的教程。謝謝。 – Jamie 2010-05-10 21:18:17

+0

是什麼問題?你有沒有試圖在Inspector中進行調試,並找出代碼中的哪個部分? – 2011-01-13 00:42:12

1

我認爲這是他所尋找的更多。幾年後,但穆罕默德曼蘇爾的回答幫助了我,這可能會幫助其他人。

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