1. 首頁
  2. 問答
  3. 向用戶公開的本地存儲

向用戶公開的本地存儲

2010-10-20 36 views

回答

1

Safari和Chrome的網絡檢查器允許檢查該數據，是的。我不確定其他瀏覽器如何處理它，但它當然不是您可以依賴的不被編輯的東西。

來源

2010-10-20 15:22:30 ceejayoz

0

您可以輕鬆加載要顯示給用戶的項目。

通過使用Javascript在網頁加載本地存儲中的所有項目只是環......

<body> 
<script language="JavaScript" type="text/javascript"> 
var item = "";//array to hold string values for each key value 
var key ="";//array to hold string values for each key name 
for (i=0;i < localStorage.length;i++) { 

    var count = 0; 
    if (key != "" | key != null) { //or matches what you're looking for 
     item[count] = localStorage.getItem(key); 
     key(i) = localStorage.key(i); 
     count += 1; 
    } 

} 

function load_table() 
{ 
if (item == "" || item == " " || item == null) { 
document.write("<div id=\"list_table\" style=\"display: block;\">"); 
document.write("<h3>You have no stored items.</h3>"); 
document.write("</div>"); 
} 
else { 
    document.write("<div id=\"list_table\" style=\"display: block;\">"); 
    document.write("<h3>Stored Items</h3>"); 
    document.write("<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"); 

    for (i=0;i < item.length;i++) { 
      document.write("<tr><td width=\"33%\" valign=\"top\">"+item(i)+"</td>"); 
      document.write("<td width=\"67%\" valign=\"top\" style=\"padding-left: 0px; text-transform: capitalize;\">"+key(i)+"</td></tr>"); 
      } 
} 


document.write("</table>"); 
document.write("</div> <!-- end list_table div -->"); 
} // end if (item != "") 
} // end load_table 
</script>

在HTML中，你堅持，可以顯示或隱藏，在適當的地方一個div。

<div id="items_table" style="display: none;"> 
<script language="JavaScript" type="text/javascript"> 
//alert("calling load_table"); 
load_table(); 
//alert("DONE calling load_table"); 
</script> 
</div>

如果他們點擊一個鏈接，然後可以顯示在頁面加載期間填充的items_table，並隱藏。只要你沒有成千上萬的項目加載，它就會很快加載。

如果你喜歡，我可以挖掘一個鏈接來切換block和none之間的顯示。

來源

2011-11-25 05:22:36 Dallas

相關問題

 相關問題