Question

我在JS中编写一个函数，它基本上是一个表单，但在一个表中（1行，3列）。第一个单元格是输入框，后两个是按钮。我希望一旦用户输入文本（比如一个国家/地区），然后点击“提交”，我想保存他在变量中输入的值，这样一旦他点击“刷新”，页面就会刷新到该国家/地区。心神。如何编写保存值并刷新页面的函数？这是我的代码（一些代码来自另一个答案）：

function createTable(){

    var body = document.body, tbl  = document.createElement('table');
    tbl.style.width='100%';
    tbl.style.border = "0px solid black";
    tbl.style.backgroundColor = "green";
    tbl.setAttribute("style", "font-size:18px;position:absolute;top:0px;right:00px;");

    for(var i = 0; i < 1; i++){
        var tr = tbl.insertRow();
        for(var j = 0; j < 3; j++){
                if (j == 2) {
                    var td = tr.insertCell();
                    input=document.createElement("input");
                    input.type="option";
                    input.value="Enter Country";
                    td.appendChild(input)

                } else if (j == 1) {
                    var td = tr.insertCell();
                    btn=document.createElement("BUTTON");
                    btn.setAttribute("type", "button")

                    var t=document.createTextNode("Submit");

                    btn.appendChild(t);
                    td.appendChild(btn);

                } else if (j == 0) {

                var td = tr.insertCell();
                var btn=document.createElement("BUTTON");
                var t=document.createTextNode("Refresh");
                btn.appendChild(t);
                td.appendChild(btn)         
                }
        }
    }

    body.appendChild(tbl);
}


createTable();

Answer 1

使用localStorage：

检查值是否存在：

if(localStorage.getItem("country"))
    // value exists
else
    // value does not exist

设置新值

localStorage.setItem("country", insert_name_here);

获取旧值：

localStorage.getItem("country");

如何使用Javascript保存用户输入和刷新页面？

1 个答案: