时间戳

首页 > 解决方案 > 如何正确使用本地存储

javascript - 如何正确使用本地存储

问题描述

我正在创建一种铭文形式，我想从第一页获取信息以显示在第二页中。我尝试使用本地存储，但它不起作用。

我尝试在同一页面中进行测试，该页面有效，但是当我使用本地存储尝试时，它不起作用，当我单击提交时，它会重新加载页面并且没有任何反应

这是第一页的代码：

function rform()
{
    document.getElemeentByName('insc').reset;
}

function client()
{
    var sexe=document.getElemeentByName('gender');

    var userT=document.getElementById('choice').selectedIndex;
    var name = document.getEelementById('name').value;
    localStorage.setItem('name',name)

    if (userT[1] || userT[2] &&sexe[0].checked )
    {
        var choice = document.getElementById('choice').value;
        localStorage.setItem('choice',choice)
    else
    {

        var res = document.getElementById('choice').value + 'e';
        localStorage.setItem('choice',choice)
    }
    return false;
}

第二页：

<span id="result"></span>
<script type="text/javascript">
    document.getElementById("result").innerHTML= 'welcome ' 
        +localStorage.getItem('name')+ ' you are ' 
        +localStorage.getItem('choice');
</script>`

我在第二页中什么也没有，但希望收到带有名称和用户类型的欢迎消息

标签： javascripthtmlinnerhtmllocalserver

解决方案

var choice = document.getElementById('choice').value;
localStorage.setItem('choice','choice')

这不是设置 localStorage 的值Choice，而是简单地将 localStorage 的值设置为Choice string "Choice"。

应该;

var choice = document.getElementById('choice').value;
localStorage.setItem('choice',choice);

推荐阅读