javascript - 如何使用 JavaScript 将变量的值传递到下一页？

Question

我希望能够将 D、I、H 和 A 传递到下一页。我在该页面上的代码需要能够访问它们的值。这是我到目前为止所尝试过的:

function tally() {
    var Dpoint, Ipoint, Hpoint, Apoint;

    var party_Score = ['Dpoint', 'Ipoint', 'Hpoint', 'Apoint'];
    var D, I, H, A;
    var value_Point;
    var type_Choice;
    var tag_Choice;

    var inputs = document.getElementsByTagName("input"),
        iLength = inputs.length;

    D = I = H = A = 0;

    for (i = 0; i < iLength; i++) if (inputs[i].checked) {
        value_Point = parseInt(inputs[i].value);
        if (inputs[i].name.search('D') > -1){ D += value_Point; }
        if (inputs[i].name.search('I') > -1){ I += value_Point; }
        if (inputs[i].name.search('H') > -1){ H += value_Point; }
        if (inputs[i].name.search('A') > -1){ A += value_Point; }
    }

    // DIHA is areadly added how to pass them them to other page ?
    document.getElementById('D').style.width = D + 'px';
    alert(D);
    document.getElementById('I').style.width = I + 'px';
    document.getElementById('H').style.width = H + 'px';
    document.getElementById('A').style.width = A + 'px';
    Dpoint = D; //passing this value to next page
    Ipoint = I; //passing this value to next page
    Hpoint = H; //passing this value to next page
    Apoint = A; //passing this value to next page
}

Answer 1

在 test1.html 中编写

localStorage.setItem("Dpoint", D); //passing this value to next page
localStorage.setItem("Ipoint", I); //passing this value to next page
localStorage.setItem("Hpoint", H); //passing this value to next page
localStorage.setItem("Apoint", A); //passing this value to next page

在 test2.html 中你会得到这样的值

D = localStorage.getItem("Dpoint"); 
I = localStorage.getItem("Ipoint");
H = localStorage.getItem("Hpoint"); 
A = localStorage.getItem("Apoint"); 

注意:这仅适用于支持 HTML5 本地存储的现代浏览器。为了使其更加健壮并适用于所有浏览器，您可以使用一些库，例如 YUI，它有一个名为 cache-offline 的模块。 。如果你想自己实现可以查看YUI代码here

从安全的 Angular 来看，本地存储和 cookie 比 URL GET 参数安全得多，因为它们强制执行相同的域限制。如果您的数据更敏感，那么您可能需要考虑将其以某种加密格式存储在服务器端。

从持久性的 Angular 来看，此方法仅在浏览器中保留数据。如果您想要跨浏览器持久性，那么您再次需要考虑将信息存储在服务器中。