从HTML输入标记内的另一个文件访问Javascript变量

Accessing Javascript variable from another file inside HTML input tag

本文关键字：文件 另一个 访问 Javascript 变量 HTML 输入      更新时间：2023-09-26

我试图从我的javascript文档test.js中编写一个变量，在我的HTML输入标签的值属性内。我有这个在我的文档的顶部，并希望写入一个输入标签内的测试变量。我怎样才能做到这一点呢?

test.html 

<input type="text" id="my_var" value= document.write(test)> <!--I tried this but have had no luck, want to write inside value. -->

. js

var test = "hello world";

在javascript中，你可以通过各种方式找到你的元素。document.getElementById是一个通过id属性查找html元素的函数(顾名思义)。在javascript中，你可以像这样设置html元素的值:

test.html 

<input type="text" id="my_var" value="">

. js

var test = "hello world";
document.getElementById('my_var').value = test;

如果你想做更多的html元素操作，我也可以推荐jQuery。jQuery非常简单，如果你知道一点CSS，你可以用同样的方式选择元素，使用jQuery你可以操纵HTML而不是样式。它看起来像这样:

test.html 

<script src="path-to/jquery.js"></script>
<script src="path-to/test.js"></script>
....
<input type="text" id="my_var" value="">

. js

var test = "hello world";
jQuery('#my_var').val( test );

试试这个

<input type="text" id="my_var" value= document.write(test)>
<script type="text/javascript">document.getElementById("my_var").value=test;</s
相关文章：