首页 > 解决方案 > 访问 javascript 文件之间的变量

问题描述

我正在创建一个 Web 应用程序,其中在单击inputs.html页面中的按钮时创建对象属性。但是,results.html需要访问 created属性以提示用户将其保存在 firestore 中。

这是用于创建属性并在inputs.html中导入的inputs.js

//create a property and go to results page
document.getElementById("createProperty").addEventListener("click", ()=>{

    property= new Property( document.getElementById("address").value, ..., );

    window.location = "../Frontend/results.html";
});
  }

这是results.js中调用属性的代码,位于results.html页面中。

document.getElementById("test").addEventListener("click",(e)=>{

    //example of a possible output
    console.log(property.address); 
});

我想让控制台记录askprice。但是,收到的错误是:Uncaught ReferenceError: property is not defined。

我想知道我可以使用哪些方法来访问这些 javascrip 文件之间的属性。

标签: javascripthtml

解决方案


我想知道我可以使用哪些方法来访问这些 javascrip 文件之间的属性。

您不能跨页面加载共享任何 JavaScript 状态,包括变量。变量property 不能从一页持续到下一页。

相反,您需要将数据推送到某种持久存储中,例如localStorageor sessionStorage,或者通过查询字符串之类的东西将其传递到下一页,即results.html?property=askprice.


推荐阅读