js学习-Web Storage本地保存
知识点:
web storage本地保存.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>web storage本地保存</title>
<!-- <script type="text/javascript" src="index.js"></script> -->
<script type="text/javascript" src="index2.js"></script>
</head>
<body>
<h1>Web Storage本地保存</h1>
<P id="msg"></P>
<input type="text" id="input">
<input type="button" value="保存数据" onclick="saveStorage( 'input');">
<input type="button" value="读取数据" onclick="loadStorage('msg');">
</body>
</html>
sessionStorage.js
function saveStorage(id) {
var target = document.getElementById(id);
var str = target.value;
sessionStorage.setItem("mess",str);
}
function loadStorage(id) {
var target = document.getElementById(id);
var msg = sessionStorage.getItem("mess");
target.innerHTML = msg;
}
localStorage.js
function saveStorage(id) {
var target = document.getElementById(id);
var str = target.value;
localStorage.setItem("mess",str);
}
function loadStorage(id) {
var target = document.getElementById(id);
var msg = localStorage.getItem("mess");
target.innerHTML = msg;
}