特點(diǎn):
1.不同瀏覽器無法共享localStorage,
2.相同瀏覽器的不同頁面間可以共享相同的 localStorage但是前提必須是在同一域名和端口下。如果一個(gè)標(biāo)簽頁包含多個(gè)iframe標(biāo)簽且他們屬于同源頁面,那么他們之間是可以共享sessionStorage的。
3.在谷歌無痕模式下,localStorage、cookie是讀取不到的,但是你可以新增數(shù)據(jù)然后讀取,但是關(guān)閉頁面后再打開還是會(huì)清空。
實(shí)例:
window.onload = function () { //頁面打開后
var username = document.getElementById("txtUserName"); //獲取 用戶名
var password = document.getElementById("txtPassword"); //獲取密碼
var chk = document.getElementById("chkRemember"); //獲取 記住登錄
if (localStorage.getItem("username") && localStorage.getItem("password")) { //頁面localStorage.getItem 存在數(shù)據(jù) 就保存 并復(fù)選框?yàn)檫x中
username.value = localStorage.getItem("username");
password.value = localStorage.getItem("password");
chk.checked = true;
}
chk.onclick = function () { //點(diǎn)擊復(fù)選框
if (chk.checked) { //選中時(shí)localStorage.setItem 保存數(shù)據(jù)
localStorage.setItem("username", username.value);
localStorage.setItem("password", password.value);
} else {
localStorage.removeItem("username"); //不選中時(shí)刪除localStorage.removeItem數(shù)據(jù)
localStorage.removeItem("password");
}
}
}