Javascript 访问我的 html 文本框中的变量答案

【问题标题】：Javascript accessing a variable in my html textboxJavascript 访问我的 html 文本框中的变量
【发布时间】：2014-02-11 22:25:36
【问题描述】：

所以我有一个 js 文件，我们称之为 foo.js，它有一个变量计数；这个计数是我想在 html 端的文本框中显示的，它是一个单独的文件。

如何制作文本框，引用每分钟不断更新的变量？

这是我迄今为止尝试过的，

   <script type="text/javascript">
        var elem = document.getElementById("count");
        elem.value = countVal;
        </script>

我想在 HTML 中显示它：

形状：

如果我将 elem.value 设置为 5 或 hello world，它可以工作，但我想将其设置为单独页面中不断更新的 js 值。我还尝试在我的 js 文件中创建一个函数，在其中返回变量，然后在 html 标记中调用该函数，但这也不起作用。

我是 JS 新手，非常感谢您的帮助。

谢谢。

编辑：这不是一个时间间隔，我有一个变量，它基于一些图纸，计算绘制的形状，我想把它带到前端。算了。

更多代码：

我在 .js 文件中的函数

function getShapeNumbers(){
    return shapeCount;
}



<script type="text/javascript">
            var elem = document.getElementById("shapeCount");
            elem.value = getShapeNumbers(); 
            </script>

我希望它显示在哪里

Shapes:<input type="text" size="25" style="width:50px;" id ="shapeCount" />

即使我将函数更改为返回 50，它也会在文本框中返回未定义，它显示未定义。如果我只是将 elem.value 设置为 50，那么就可以了。我希望它设置为我的全局变量

【问题讨论】：

查看setInterval 它允许您以指定的时间间隔执行代码
@NathanP。它是一个自动更新的变量，它不是用户特定的。我只是想在前端显示那个js变量，仅此而已。
@PatrickEvans 该链接没有帮助。
@NathanP。是的，到目前为止只有两页，一个包含所有工作的 js 文件和一个用于渲染的 html 文件。我只希望由 js 维护的变量（许多函数会改变它）显示在计数输入字段中，这样用户就知道到目前为止渲染了多少个形状。
@NathanP。没关系，我知道它会重置，我只是想暂时展示一下。我只想在前端显示该变量的进度

标签： javascript html algorithm

【解决方案1】：

运行代码elem.value = newvalue时，可能浏览器还没有加载你的js文件。

仅在加载所有文档 html 内容后运行：

window.onload = function(){
    document.getElementById('shapeCount').value = shapeCount;
};

另外，请考虑在更新变量时直接更新input。

jsFiddle：http://jsfiddle.net/bx4SU/

【讨论】：