2013-04-03 32 views
0

我是JavaScript新手,我做了这个简单的代码来检查本地存储。我只是希望这种方式来保持对存储刷新或重新打开该文件后...LocalStorage,在浏览器刷新时停止...为什么?

这里是我的代码:

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

我把它通过对HTML的按钮。我在Web Inspector上打开它,它在那里,但是一旦我刷新它就消失了。它应该留在那里吗?

+0

是从文件系统加载的文件,如'file://'或从web服务器 –

+0

本地文件通过file:// – user2238744

+0

帮助我!请! – user2238744

回答

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

+0

这是正确的。检查员不会总是显示本地存储的内容,但项目仍应正确设置 – bchociej

+0

嗯......我不明白。你说它会被存储,但我不会看到它? – user2238744

0

是的,它应该呆在那里。除非您在Internet Exlporer或较旧版本的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

+0

那么,file://它是文档的自动路径,不是?它在那里,但我使用了Chrome和Safari.我尝试了上面的代码,但仍然如此。相同的东西,一旦我刷新了,它就消失了。 – user2238744