localStorage和sessionStorage用法總結及其區別
html5中的Web Storage包括了兩種儲存方式:sessionStorage和localStorage。
sessionStorage用於本地儲存一個會話(session)中的資料,這些資料只有在同一個會話中的頁面才能訪問
並且當會話結束後資料也隨之銷燬。因此sessionStorage不是一種持久化的本地儲存,僅僅是會話級別的儲存。只允許同一視窗訪問。
而localStorage用於持久化的本地儲存,除非主動刪除資料,否則資料是永遠不會過期的。同源可以讀取並修改localStorage資料。
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<script>
//setItem儲存value
localStorage.setItem("name", "徐同保");
localStorage.setItem("job", "web前端");
//getItem獲取value
var name = localStorage.getItem('name');
var job = localStorage.getItem('job');
console.log('姓名:' + name);
console.log('職業:' + job);
//removeItem刪除key
localStorage.removeItem('name');
var name = localStorage.getItem('name');
var job = localStorage.getItem('job');
console.log('姓名:' + name);
console.log('職業:' + job);
//clear清除所有的key/value
localStorage.clear();
localStorage.removeItem('name');
var name = localStorage.getItem('name');
var job = localStorage.getItem('job');
console.log('姓名:' + name);
console.log('職業:' + job);
</script>
</body>
</html>
瀏覽器支援情況:
chrome檢視方式