Question

我是JavaScript的新手，我做了这个简单的代码来检查本地存储。我只是希望在刷新或重新打开文件后继续存储...

这是我的代码：

function save()
{
   localStorage.setItem('test', 'sometext');
}

我通过HTML上的按钮调用它。我在Web Inspector上打开它，它就在那里，但是一旦我刷新它就消失了。它应该留在那里吗？

Answer 1

对我来说看起来很好，我认为问题是当你刷新Web Inspector时没有正确显示它。

尝试以下测试用例

<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进行验证。

演示：Fiddle

Answer 2

是的，它应该留在那里。除非您在Internet Explorer或旧版Firefox中使用file:// URL。这里有一个深入的分析 - Is “localStorage” in Firefox only working when the page is online?和此处 - local storage in IE9 fails when the website is accessed directly from the file system。

LocalStorage，在浏览器刷新时停止...为什么？

2 个答案: