javascript - 使用 JavaScript 将文本注入(inject) HTML 表单字段

Question

为什么这段代码没有将字符串 Username 添加到输入字段？

它在下面的代码片段中运行，但不是在本地的基本 test.html 页面上运行。

<script type="text/javascript">
document.getElementById("username").value = "Username";
</script>

<input id="username" name="username" value="">

代码片段:

document.getElementById("username").value = "Username";

<input id="username" name="username" value="">

Answer 1

javaScript 与虚拟机一起运行并充当解释器。所以，你需要保持顺序。您在定义输入元素之前使用 javascript。因此，JavaScript 无法识别该元素。

只需将 JavaScript 代码放在 HTML 元素定义之后:

<input id="username" name="username" value="">

<script type="text/javascript">
document.getElementById("username").value = "Username";
</script>