javascript - 如何将变量从js文件传递到html页面？

Question

我有一个使用 javascript 的网页，并且我有一个单独声明的 .js 文件(我需要单独声明) 这是代码中的内容:

$(document).ready(function() {
    $(document).on('click', 'input[name="rating"]', function() {
        var sf.gav = $(this).val();
        alert(sf.gav);
    });
});

但是，无论我做什么或如何声明 sf.gav，它都不会保存，以便我稍后可以在页面上使用它(代码本身可以工作并显示数字)。它只是说“未定义”。有什么建议吗？

编辑:: 谢谢您的回答! 我要澄清一下:我正在使用一个名为“tyranobuilder”的游戏引擎，它有自己的变量。只有它自己的变量可以传递给我需要的另一个代码，特别是一个“提交”信息的按钮(整个页面只是一大群单选按钮)。因此，我正在寻找一种从 jquery 获取值的方法，然后将其传递给按钮(首先声明“f.value = sf.gav”)，这将反过来启动另一个脚本。之后jquery传递的初始值就可以忘记了。 显然，该按钮和声明“f.value = sf.gav”位于单选按钮的末尾。到目前为止，即使您慷慨地尝试提供帮助，也没有任何效果..

Answer 1

您的变量是 $(document).on('click', 'input[name="rating"]', function() {}); 事件函数私有(private)的。这就是为什么您无法在全局范围内访问它。

据我了解，您需要全局声明变量，

var sf = {gav: null}; // <--- like this.
$(document).ready(function() {
    $(document).on('click', 'input[name="rating"]', function() {
        sf.gav = $(this).val();
        alert(sf.gav);
    });
});

因此您可以在任何地方访问它。