Question

我已经创建了一个简单的html页面来测试本地存储和我的生活我无法让它工作，即使我的firebug显示localstorage存储的值作为我在这里存储的值是我的代码第一个html页面名为 Testhtml.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TEsthtml.html</title>
</head>

<script >
function save()
{
var passvalue = document.getElementById('entry_1').value;
localStorage.setItem('passingvalue', passvalue);
}
</script>

<body>

<form action="simple.html"  method="POST">
<label  for="entry_0">Type ur name</label>
<input type="text" name="entry.0.single" value=""  id="entry_0">
<br> 
<label  for="entry_1">ur pets name
</label>
<label  for="entry_1">type something</label>
<input type="text" name="entry.1.single" value=""  id="entry_1">
<br>
<input type="submit" name="submit" id="submit" onClick="save()" value="Submit">
</form>
</body>
</html>

第二种形式称为 simple.html 代码如下

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Simple HTML</title>
<script >
function load()
{
var storedvalue = localstorage.getItem('passingvalue');
if(storedvalue)
{
document.getElementById('tb1').value=storedValue;
}
}
</script>
</head>

<body onload="load()" >

<input id="tb1" name="tb1" type="text"/>
<input type="submit" name="submit" id="submit" onClick="load()" value="Submit">

</body>
</html>

我尝试运行这个代码simple.html，这是唯一一个文本框中的第二种形式，它没有显示任何东西..很多不同的东西!!

Answer 1

这只是Simple.html第8和9行的打字错误; 'localstorage'应为'localStorage'，'storedvalue'应为'storedValue'。

您应该查看浏览器错误报告和开发人员工具，他们可以帮助您自己解决此问题。我个人更喜欢在Google Chrome上开发，因为它具有快速，简单且易于使用的调试工具（如果您使用chrome，只需按Ctrl + Shift + J）。

Answer 2

simple.html代码与text html.html相同。你发错了代码吗？

localStorage的简单教程：

http://www.w3schools.com/html5/html5_webstorage.asp

为什么我的HTML 5本地存储不起作用？

2 个答案: