2015-07-06 121 views
1
<!DOCTYPE html> 
<html> 
<body> 
<input type="text" id="textstorage"> 
<button name="testbutton" onclick="myFunction()">send</button> 
<div id="result"></div> 

<script> 
function myFunction(){ 
alert("dasd") 
// Check browser support 
var inp = document.getElementById("textstorage"); 
if (typeof(Storage) != "undefined") { 
    // Store 
    localStorage.setItem("result", inp.value); 
    // Retrieve 
    document.getElementById("result").innerHTML = localStorage.getItem("result"); 
} else { 
    document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage..."; 
} 
} 

document.getElementById("result").innerHTML = localStorage.getItem("result"); 



</script> 

</body> 
</html> 

如何使用Array在網頁中存儲多個值。請幫幫我。如何使用HTML中的本地存儲在數組中存儲數據?

注意:如果我輸入一個值,它會替換以前的值。我需要像數組存儲所有值。

+0

http://www.w3schools.com/js/js_arrays.asp – moffeltje

+0

它取代了前一值。我需要當前和以前的值。 – kirankumar

回答

0

LocalStorage不支持數組,但只支持字符串值。它存儲key:value對。使用JSON.stringify()JSON.parse()間接地將數組存儲在LocalStorage對象中。

例如:

var arr = new Array(); 
arr[0] = "One"; 
arr[1] = "Two"; 
arr[2] = "Three"; 

localStorage["arr"] = JSON.stringify(arr); 
var arrStored = JSON.parse(localStorage["arr"]); 
相關問題