使用jquery获取另一个页面中变量的值

我真的很惊讶。实际上问题是，我有两个网页名为menu.html和index.html。在menu.html中，我有3个按钮，如“一、二、三”，当我单击任何一个按钮时，它将重定向到index.html。所以，我编写了一个common.js文件来获取我在menu.html中单击的按钮的值。我已经将common.js包含在menu.html和index.html中

common.js:

var text=" ";
$(document).ready(function() {
    $('input:button').click(function() {
        text = $(this).val();
        alert(text); //here am getting correct values for a button like 'one,two or three' in menu.html page
        });
}); 

现在我需要在index.html中的另一个.js文件中获取“text”的值

other.js:

$(document).ready(function() {
    alert("text "+text); //here am getting empty value.
});

此外，我还正确地将以下内容包括在index.html中：

<script src="common.js" type="text/javascript"></script>
<script src="another.js" type="text/javascript"></script>

---

我做错了什么？提前感谢您。

您可以使用

localStorage（）

函数，localStorage将像cookie一样保存数据，但它非常强大，因为localStorage可以保存比cookie更大的数据

你的情况可能是这样的

$(document).ready(function() {
    $('input:button').click(function() {
        localStorage.setItem("text",$(this).val());
        });
}); 

然后在另一个页面中，您只需通知

$(function(){
 alert("text" + localStorage.getItem("text"));
});

---

这是为了详细说明

在两个单独的HTML页面中包含相同的Javascript文件不会将变量值相互传递。因此，这并不意味着因为您的

common.js

在两个文件中，所以您可以在一个页面上访问另一个页面上修改的内容

---

您可能希望使用cookie或查询字符串，或者使用一些服务器端代码魔法。

。。。或者这个。不过，请确保您的浏览器首先支持它。@viyancs:嘿，这里有什么地方出错了。.它没有将值存储到“text”中。如果我给警报（文本）它的打印空（空）只。如果我们必须使用一些重置和一些其他功能，我认为这意味着它会出错。是的，因为

var text

没有值，您可以使用变量

text=localStorage.getItem（“text”）定义和
警报（文本）localStorage.setItem（“text”，$（this.val（））中设置的值一样你必须阅读本地存储的文档，这些文档将保存在你的浏览器中，这样你就可以在另一个选项卡中调用它，浏览器上的url，带有你不删除本地存储的注释…：）@viyancs:好的，知道了。实际上，每当我点击一个按钮，它就会存储到文本中。不是吗？我有一个复位按钮。如果我点击该按钮，重置按钮的值存储在该按钮上？如何避免这种情况？或者@viyancs在下面建议了什么。