js的localStorage基础认识

新建a.html文件:

<!DOCTYPE html>
<html>
<body>

<div id="result"></div>

<script>
// Check browser support
if (typeof(Storage) !== "undefined") {
      localStorage.setItem("lastname", "leo");
    // Retrieve
    document.getElementById("result").innerHTML = localStorage.getItem("lastname");
} else {
    document.getElementById("result").innerHTML = "抱歉!您的浏览器不支持 Web Storage ...";
}
</script>

</body>
</html>

使用chrome打开,查看值,显示为:

value1

注释存值的一行

localStorage.setItem("this_key", "value1");

使用Firefox打开,查看值,显示:空。

去掉注释行,且修改存的值

localStorage.setItem("this_key", "value2");

使用Firefox打开,查看值,显示为:

value2

注释该行,使用chrome打开,查看值,显示为:

value1

注释该行,使用Firefox打开,查看值,显示为:

value2

猜你喜欢

转载自www.cnblogs.com/for-you/p/8745847.html
今日推荐