Java Html5 web存储不在第二页中显示数据

我使用webstorage来保存数据。当我通过表单获取数据并将其保存在变量（在本例中为“one”）中并尝试在同一页面中显示时，它会正确地执行此操作。但是，当我导入相同的“.js”文件并尝试在不同的页面中显示它时，它不起作用。如何使用webstorage检索不同页面中的数据？另外，我不想使用查询字符串

第一页：

无标题文件
（关键）一：

（价值）二：


还没有！

您的第二页不包含id为

rightbox

的任何元素

var rightbox = document.getElementById('rightbox');

将返回

null

。当尝试设置

rightbox

的

innerHTML

属性时，js将抛出

Uncaught TypeError: Cannot read property 'innerHTML' of null

因此，将

显示更改为

function display(one){
    var rightbox = document.getElementById('rightbox'); //refer right box

    var two= localStorage.getItem("one");       //Get in key-value pair
   if(rightbox)
      rightbox.innerHTML= "Name of variable:"+one+"<br/>Value:"+two;

   /*----Second page display-----*/
   var wbox = document.getElementById("wbox");
   wbox.innerHTML= "Name of variable:"+one+"<br/>Value:"+two;*/

}

功能显示（一个）{
var rightbox=document.getElementById（'rightbox'）；//参考右框
var two=localStorage.getItem（“一”）；//获取键值对
如果（右框）
rightbox.innerHTML=“变量名称：”+one+”
值：“+two；
/*----第二页显示-----*/
var wbox=document.getElementById（“wbox”）；
wbox.innerHTML=“变量名称：“+one+”
值：“+two*/
}

您必须在第二页中调用
display
。
不起作用..yaa我删除了.js doc中的注释部分…我只是使用id=“rightbox”交叉检查它是否起作用…但这两个id都没有在第二页给出结果！没有错误消息…它只是不提供任何输出…将应用跨选项卡通信我已学习但不了解如何应用它您正在第二页调用
display
函数。我已在第二页导入，但
display
仅在您单击按钮
函数时才会调用doFirst（）{var button=document.getElementById（“button”）；button.addEventListener（'click'，save，false）；}
。因此，您需要调用
display