Question

我有2个html页面和javascript。我希望page2中的x变量显示在page1上。

Page2.html

var x =1;

Page1.html

<input type="Button" id="text2" value="click" onclick=show()/>

和Data.js

var LocalStorage.Score = x;

function show();
{
    alert(LocalStorage.Score);
}

Answer 1

您可以在两者之间使用以在两个HTML页面之间交换变量。

缓存
查询字符串

例如：

<a href='page1.html?x=1'>First link</a>
<a href='page2.html?y=2'>Second link</a>

然后使用querystring尝试这样：

var querystr = new Querystring();
var v = querystr.get("x");

同时检查HTML5 local storage

Answer 2

您可以在Data.js文件中编写这样的代码。

localStorage.setItem("score", x); //x-variable,setting values in localstorage;

var foo = localStorage.getItem("score"); //Get values from localstorage.

Answer 3

您可以使用Cookie：

document.cookie="score="+x; // this will create the cookie

// Other HTML page, you will use getCookie("score")
function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) != -1) return c.substring(name.length,c.length);
    }
    return "";
}

var score = getCookie("score");
console.log(score);

但我不推荐这个，因为有些软件可以在浏览器上编辑cookie。

如何使用JavaScript在HTML之间交换变量？

3 个答案: