LocalStorage,停止在浏览器刷新..为什么

LocalStorage, stops at browser refresh...Why?

本文关键字:浏览器 刷新 为什么 LocalStorage      更新时间:2023-09-26

我是JavaScript的新手,我做了这个简单的代码来检查本地存储。我只是希望在刷新或重新打开文件后保持在存储上…

下面是我的代码:
function save()
{
   localStorage.setItem('test', 'sometext');
}

我通过HTML上的按钮调用它。我在Web检查器上打开它,它在那里,但刷新后它就不见了。它应该保持在那里,对吧?

它看起来很好,我认为问题是当你刷新Web检查器没有正确显示它。

尝试以下测试用例

<html>
<head>
    <script type="text/javascript">
        function save(){
            localStorage.setItem('test', 'sometext');
        }
        function getItem(){
            alert(localStorage.getItem('test'))
        }
    </script>
</head>
<body>
    <button onclick="save()">Save</button>
    <button onclick="getItem()">Get</button>
</body>
</html>

一旦你点击save,然后刷新页面,点击get来验证。

演示:小提琴

是的,它应该留在那里。除非您在Internet explorer或旧版本的Firefox中使用file:// URL。这里有一个深入的分析-"localStorage"在Firefox中只在页面在线时工作吗?这里-当从文件系统直接访问网站时,IE9中的本地存储失败