Question

我真的很震惊。实际上问题是，我有2个网页名称为menu.html＆amp; index.html的。在menu.html我有3个按钮，如“一，二，三”，当我点击任何一个按钮，它将重定向到index.html。所以，我写了一个common.js文件，用于获取我在menu.html中单击的按钮的值。我将common.js包含在menu.html＆amp; 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中正确包含：

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

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

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

这是有关详情local storage

Answer 2

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

你可能想要使用cookie或查询字符串，或者做一些服务器端代码魔术。

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

2 个答案: