Question

所以我有一个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" />

它在文本框中返回undefined，即使我将我的函数更改为50，它也显示未定义。如果我只是估价到50，那么那就行了。我希望它设置为我的全局变量

Answer 1

当您运行代码elem.value = newvalue时，浏览器可能尚未加载您的js文件。

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

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

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

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

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

1 个答案: