前面寫(xiě)了jquery 本地存儲(chǔ) cookie 的基本用法、jquery cookie示例 - 只提示一次的彈框 兩篇介紹cookie用法的篇章之后夜只,下面來(lái)看看 localStorage 這個(gè)本地存儲(chǔ)的方式。
localStorage
2合呐、localStorage 存儲(chǔ)在本地料皇,容量為5M或者更大,不會(huì)在請(qǐng)求時(shí)候攜帶傳遞焕妙,在所有同源窗口中共享,數(shù)據(jù)一直有效弓摘,除非人為刪除访敌,可作為長(zhǎng)期數(shù)據(jù)。
//設(shè)置:
localStorage.setItem("dat", "456");
localStorage.dat = '456';
//獲纫露堋:
localStorage.getItem("dat");
localStorage.dat
//刪除
localStorage.removeItem("dat");
這種存儲(chǔ)方式已經(jīng)作為較大本地緩存使用來(lái)使用寺旺。下面來(lái)寫(xiě)一下示例,如下:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript" src="jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
//設(shè)置:
localStorage.setItem("dat", "456");
localStorage.dat = '456';
//獲仁凭觥:
localStorage.getItem("dat");
localStorage.dat
})
</script>
</head>
<body>
<h1>測(cè)試頁(yè)面</h1>
</body>
</html>
瀏覽器訪問(wèn)如下:
可以看到阻塑,已經(jīng)有存儲(chǔ)的數(shù)據(jù)了,那么下面來(lái)看看刪除果复。
訪問(wèn)瀏覽器如下:
可以看到已經(jīng)刪除了陈莽。