Javascript:用localstorage存取資料在瀏覽器


預期達到效果: 使用者第一次載入網頁時留下資訊,第二次或之後載入網頁自動讀取資料

分兩部分思考: (1) 儲存 (2)讀取



<html>

<body onLoad="load()"> //網頁載入時啟動讀取程式

<input type="text" id="here"> //使用者可以在此方框留下資訊

<input type="button" value="save" onclick="save()"> //按下按鈕儲存程式
<div id="result"></div> //在這裡印出結果

<script>
function save(){
var Words = document.getElementById('here').value;
   localStorage.setItem("lastname", Words); //lastname為任取的代表名稱,Words的位置是實際的值
   
   document.getElementById("result").innerHTML = localStorage.getItem("lastname");//印出
};

function load(){
var storedvalue = localStorage.getItem("lastname");
if(storedvalue){//如果有瀏覽器有紀錄值的話,進行以下程式
document.getElementById('here').value= storedvalue; //在方框中顯示上次留下的值
}
}
</script>

</body>
</html>

留言