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

How to exchange variables between HTML using JavaScript?

本文关键字：之间 交换 变量 HTML 何使用 JavaScript      更新时间：2023-09-26

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

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);
}

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

  • Cookie
  • 查询字符串

例如：

<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本地存储

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

localStorage.setItem("score", x); //x-variable,setting values in localstorage;
var foo = localStorage.getItem("score"); //Get values from localstorage.

您可以为此使用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。

相关文章：