[一點點筆記]
需要HTML 和 JS .
注意區(qū)分:
Session storage:關(guān)閉瀏覽器就都沒有了
local storage:存儲于本地.
1 Session Storage
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>this is session storage</title>
<script src ='sessionSave.js'> </script>
</head>
<body>
<p id = 'msg'></p>
<input type="text" id="input">
<input type="button" value="save" onclick="saveStorage('input')">
<input type="button" value="load" onclick="loadStorage('msg')">
</body>
</html>
sessionSave.js
function saveStorage(id) {
var target =document.getElementById(id);
var str = target.value;
sessionStorage.setItem("message",str);
}
function loadStorage(id) {
var target =document.getElementById(id);
var msg = sessionStorage.getItem("message");
target.innerHTML =msg;
}
image.png
點擊save保存， 點擊load顯示
刷新仍可繼續(xù)顯示辑鲤，關(guān)閉瀏覽器內(nèi)容丟失汇四。
——————————————————————————————————————
2.local storage
只需把JS里的 sessionStorage 換成localStorage極客
image.png
點擊save保存课竣， 點擊load顯示
刷新仍可繼續(xù)顯示暗挑，關(guān)閉瀏覽器內(nèi)容仍保留著。
