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

Question

关闭浏览器后，数据将被删除而不是存储。我的代码中缺少什么？是否需要将本地存储代码集成到我的其余页面代码中，或者是否可以将其全部存储在单独的 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...");
    }

Answer 1

首先，这些变量 st, nt,td, sd, cg, im 未定义您可以使用 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...");
    }
}

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

What is preventing my local storage JavaScript code from storing the data?

html

javascript

jquery

local-storage