Javascript HTML本地存储_Javascript_Html_Local Storage

Javascript HTML本地存储

javascript html

Javascript HTML本地存储,javascript,html,local-storage,Javascript,Html,Local Storage,我正在尝试将信息存储在本地存储上在用数据填充表单后，我想将表单及其内容保存在本地存储器中，但由于某些原因，一旦我提交信息并刷新页面，它就无法工作，信息不会保存有什么建议吗  <!DOCTYPE html> <html> <head> <script> function info() { if(typeof(Storage)!=="undefined"){ var fn

我正在尝试将信息存储在本地存储上在用数据填充表单后，我想将表单及其内容保存在本地存储器中，但由于某些原因，一旦我提交信息并刷新页面，它就无法工作，信息不会保存有什么建议吗

<!--local Storage-->
<!DOCTYPE html>
<html>
<head>
<script>
function info()
{
    if(typeof(Storage)!=="undefined"){
        var fn = document.getElementById("FirstName").value;
        var ln = document.getElementById("LastName").value;
        var zc = document.getElementById("zipcode").value;

        localStorage.FastName = fn;
        localStorage.FirstName = ln;
        localStorage.Zipcode = zc;

        document.getElementById("result").innerHTML=localStorage.FastName+" "+" "+localStorage.FirstName+" "+localStorage.Zipcode;
    }else{
        document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
    }

}
</script>
</head>
<body>
<p>fill in your information:</p>
First name: <input type="text" id="FirstName" value=""><br>
Last name: <input type="text" id="LastName" value=""><br>
Zip Code: <input type="text" id="zipcode" value="" >
<p><button onclick="info();" type="button">Submit</button></p>
<div id="result"></div>
</body>
</html>


函数信息（）
{
if（类型（存储）！=“未定义”）{
var fn=document.getElementById（“FirstName”）.value；
var ln=document.getElementById（“LastName”）.value；
var zc=document.getElementById（“zipcode”）.value；
localStorage.FastName=fn；
localStorage.FirstName=ln；
localStorage.Zipcode=zc；
document.getElementById（“结果”）.innerHTML=localStorage.FastName+++++localStorage.FirstName+++localStorage.Zipcode；
}否则{
document.getElementById（“结果”）.innerHTML=“对不起，您的浏览器不支持web存储…”；
}
}
填写您的信息：
名字：

姓氏：

邮政编码：
提交

您可能想使用

localStorage.setItem（“FirstName”，fn）

将值写入本地存储

如果希望在重新加载时将值返回到输入字段中，则需要在应用程序启动时通过从localStorage（通过getItem）读回值来填充输入字段

e、 g.在末尾追加

<script>
document.getElementById("FirstName").value = localStorage.getItem("FirstName");
...
</script>


document.getElementById（“FirstName”）.value=localStorage.getItem（“FirstName”）；
...

您可能应该使用Modernizer检查浏览器是否支持本地存储。谢谢@Stefan Haustein我还添加了ReadInfo（）函数，以便在刷新页面后读取信息。我还应该将信息存储在数组中以备将来使用吗？