是什么阻止了我的本地存储 JavaScript 代码存储数据？答案

【问题标题】：What is preventing my local storage JavaScript code from storing the data?是什么阻止了我的本地存储 JavaScript 代码存储数据？
【发布时间】：2021-03-31 14:48:00
【问题描述】：

关闭浏览器后，数据将被删除而不是存储。我的代码中缺少什么？本地存储代码是否需要集成到我的其余页面代码中，或者是否可以将其全部存储在单独的 JS 文件中，如下所示？

function info(){
    if(typeof(Storage)!=="undefined"){
        var sort = document.getElementById("sort").value;
        var newTask = document.getElementById("newTask").value;
        var taskDescr = document.getElementById("taskDescr").value;
        var startDate = document.getElementById("startDate").value;
        var category = document.getElementById("category").value;
        var importance = document.getElementById("importance").value;

        localStorage.sort = st;
        localStorage.newTask = nt;
        localStorage.taskDescr = td;
        localStorage.startDate = sd;
        localStorage.category = cg;
        localStorage.importance = im;

        document.getElementById("sort").value = localStorage.getItem("sort");
        document.getElementById("newTask").value = localStorage.getItem("newTask");
        document.getElementById("taskDescr").value = localStorage.getItem("taskDescr");
        document.getElementById("startDate").value = localStorage.getItem("startDate");
        document.getElementById("category").value = localStorage.getItem("category");
        document.getElementById("importance").value = localStorage.getItem("importance");
        document.getElementById("result").innerHTML=localStorage.sort+" "+localStorage.newTask+" "+localStorage.taskDescr+" "
        +localStorage.startDate+" "+localStorage.category+" "+localStorage.importance+" ";
        console.log("Result");
    }else{
        document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
        console.log("Sorry, your browser does not support web storage...");
    }

【问题讨论】：

变量st, nt,td, sd, cg, im从何而来？
对不起，我的回复晚了，是的，它有帮助！非常感谢您抽出宝贵时间澄清答案！

标签： javascript html jquery local-storage

【解决方案1】：

首先这些变量是st, nt,td, sd, cg, im undefined 你可以使用localStorage.setItem('name', 'value');。检查下面的代码。

function info(){
    if(typeof(Storage)!=="undefined"){
        var sort = document.getElementById("sort").value;
        var newTask = document.getElementById("newTask").value;
        var taskDescr = document.getElementById("taskDescr").value;
        var startDate = document.getElementById("startDate").value;
        var category = document.getElementById("category").value;
        var importance = document.getElementById("importance").value;

        localStorage.setItem('sort', sort);
        localStorage.setItem('newTask', newTask);
        localStorage.setItem('taskDescr', taskDescr);
        localStorage.setItem('startDate', startDate);
        localStorage.setItem('category', category);
        localStorage.setItem('importance', importance);

        document.getElementById("sort").value = localStorage.getItem("sort");
        document.getElementById("newTask").value = localStorage.getItem("newTask");
        document.getElementById("taskDescr").value = localStorage.getItem("taskDescr");
        document.getElementById("startDate").value = localStorage.getItem("startDate");
        document.getElementById("category").value = localStorage.getItem("category");
        document.getElementById("importance").value = localStorage.getItem("importance");
        document.getElementById("result").innerHTML=localStorage.sort+" "+localStorage.newTask+" "+localStorage.taskDescr+" "
        +localStorage.startDate+" "+localStorage.category+" "+localStorage.importance+" ";
        console.log("Result");
    }else{
        document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
        console.log("Sorry, your browser does not support web storage...");
    }
}

【讨论】：