Question

我已尝试搜索其他链接，但未找到任何解决方案。

我有这个特殊的代码

 <input type= "text" id="tname" placeholder="Enter Name"/>
 <input type="text" id="tcontact" placeholder="Enter Contact No."/>
 <input type="text" id="temail" placeholder="Enter Email"/>
 <input type="text" id="tgender" placeholder="Enter Gender"/>
 <input type="text" id="tqual" placeholder="Enter qualification"/>
 <input type="submit" id="display" value="Display"/>

我想将这些用户输入传递到另一个页面，然后使用本地存储显示它们。

我在这里使用的javascript代码如下

  function connector_id(global)
   {
    var sname =document.getElementById("tname");
    var scontact =document.getElementById("tcontact");
    var semail =document.getElementById("temail");
    var sgender =document.getElementById("tgender");
    var squal =document.getElementById("tqual");

    localStorage.sname = sname;
    localStorage.scontact = scontact;
    localStorage.semail = semail;
    localStorage.sgender = sgender;
    localStorage.squal = squal;
  }

我应该如何使用这些localStorage变量来访问第二页中的用户输入。这是我面临问题的地方。不知道怎么做。

我也在搜索的上下文中找到了这个特殊的代码，但是没有理解以下代码

  (function (global) {
  document.getElementById("display").addEventListener("click", function () {
       global.localStorage.setItem("mySharedData",document.getElementById("output").value);
}, false);}(window));

Answer 1

这不是您在localstorage中存储的方式。检查一下：

localStorage.setItem('sname', document.getElementById("tname"));
localStorage.setItem('scontact', document.getElementById("tcontact"));
localStorage.setItem('semail', document.getElementById("temail"));
localStorage.setItem('sgender', document.getElementById("tgender"));
localStorage.setItem('squal', document.getElementById("tqual"));

并检索值：

var sname = localStorage.getItem('sname');
var scontact = localStorage.getItem('scontact');
var semail = localStorage.getItem('semail');
var sgender = localStorage.getItem('sgender');
var squal = localStorage.getItem('squal');

如何使用本地存储将用户输入从一个html页面传递到另一个html页面

1 个答案: