- 取得連結
- X
- 以電子郵件傳送
- 其他應用程式
預期達到效果: 使用者第一次載入網頁時留下資訊,第二次或之後載入網頁自動讀取資料
<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>
留言
張貼留言