這篇文章將為大家詳細講解有關sessionStorage和localStorage怎么用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
/*
sessionStorage用于本地存儲一個會話（session）中的數據，
這些數據只有在同一個會話中的頁面才能訪問并且當會話結束后數據也隨之銷毀。
因此sessionStorage不是一種持久化的本地存儲，僅僅是會話級別的存儲。
而localStorage用于持久化的本地存儲，除非主動刪除數據，否則數據是永遠不會過期的。
*/
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" http-equiv="Content-Type">
<title>瀏覽器本地存值</title>
</head>
<body>
<input type="text" id="username"/><br/>
<input type="password" id="pwd"/><br/>
<input type="button" onclick="my1()" value="按鈕1"/>
<input type="button" onclick="my2()" value="按鈕2"/>
<script type="text/javascript">
function my1(){
var name = document.getElementById("username").value;
var pwd = document.getElementById("pwd").value;
// 把值存儲到本地瀏覽器中
sessionStorage.setItem("name",name);
sessionStorage.setItem("pwd",pwd);
alert("chenggong!");
localStorage.setItem("name1",name);
localStorage.setItem("pwd1",pwd);
}
function my2(){
// 清除瀏覽器存儲的數據
localStorage.clear();
localStorage.removeItem("name1");
sessionStorage.removeItem("name");
sessionStorage.clear();
// 獲取本地瀏覽器中存儲的值
var name = sessionStorage.getItem("name");
var pwd = sessionStorage.getItem("pwd");
alert("name:"+name+"---pwd:"+pwd);
}
</script>
</body>
</html>關于“sessionStorage和localStorage怎么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
