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

我真的很震惊 实际上问题是，我有2个网页名称为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中的another.js文件中获取“text”的值。

another.js：

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

而且我在index.html中正确包含：

这里有什么问题？ 提前谢谢你。

Answer 1

你可以使用localStorage()函数，localstorage将像cookie一样保存你的数据，但是它非常强大，因为localstorage可以比cookie更节省数据。

在你的情况下可能是这样的

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

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

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

这是有关本地存储的详细信息

Answer 2

在两个单独的HTML页面中包含相同的Javascript文件不会将变量值相互转换 。 因此，这并不意味着因为您的common.js位于两个文件中，所以您可以访问另一个页面中修改的内容。

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