Javascript，如何使用GET将变量值转移到下一页

Javascript, how to transfer variable value to next page using GET?

本文关键字：转移 一页 变量值 何使用 GET Javascript      更新时间：2023-09-26

我正在使用Javascript和Jquery为我的学校作业编写移动应用程序代码。我正试图通过使用get函数将可变天数的值转移到另一个页面，下面的代码是我迄今为止所做的事情。我在这里要做的是在result.html上为变量分配一个id，这样我就可以在schedule.html上调用它。但是，当"write.dococument-ed"时，变量值不会出现在schedule.html中，结果是[Object-Object]。

result.html

<html>
var days = (weight/0.064); 
var days= document.getElementById('myday').value;
</html>

schedule.html

<html>
var days;
var days = document.getElementById('myday').value;
write.document(day);
</html>

该项目有4个文件，三个htmls和一个js文件。第一个html文件index.html接收表单的输入并将其放入函数中，然后提交给result.html。Common.js与所有html文件共享，以将所有不同的公式和函数放入中

我知道如何将common.js中的变量转移到页面中，就像我使用表单将index.html转换为result.html一样，使用以下方法：

index.html

 function bigfunction(){
    var weight = 
    smallfunction(parseFloat(document.form.Weight.value));
    document.form.weight.value = weight;
    document.form.submit()

Common.js

smallerfunction(weight){
var weight = weight;
}

result.html

<script>
var weight;
 weight = decodeURIComponent(getUrlVars()["weight"]);
</script>
Weight = <script>document.write(weight)</script>

然而，我不认为我可以使用与上面相同的方法将变量值从result.html传输到schedule.html，因为result.html上没有表单可以提交到下一页。我已经很好地安装了Jquery和所有的软件，我想我听说过使用DOM来做这件事，但我不确定如何。。我想我更喜欢像在前两个代码示例和DOM中那样使用get来回答问题，但只要它有效，我就会洗耳恭听！！！！

答案：本地存储

result.html

var days = localStorage.setItem("days", days);

schedule.html

var days;
days = localStorage.getItem("days");
days: document.write(days)

谢谢大家！！！！！！！！！！！！！！！！！！！！！！！！！！

有不止两种方法，但我在这里推荐第二种：

更持久的方式（即使浏览器关闭，数据也会保留）是在选项卡之间共享（浏览器范围）：

// setter
localStorage.setItem("data", { date: 'whatever', anotherKey: 'somevalue' });
// getter
var data = localStorage.getItem("data");

或者，对于非持久性数据，我更喜欢sessionStorage（直到浏览器/选项卡关闭为止），而不是在选项卡之间共享（选项卡范围）

// setter
sessionStorage.setItem("data", { date: 'whatever', anotherKey: 'somevalue' });
// getter
var data = sessionStorage.getItem("data");

请注意，如果某些数据保留在本地存储中，则使用本地存储可能会导致不必要的行为，并且如果用户几天后/几周后返回，则会再次向用户显示这些数据。

答案：localstorage

result.html

var days = localStorage.setItem("days", days);

schedule.html

var days;
days = localStorage.getItem("days");
days: document.write(days)
相关文章：