gpt4 book ai didi

javascript - 为什么该脚本的位置会改变网页的行为?

转载 作者:行者123 更新时间:2023-11-28 15:13:39 24 4
gpt4 key购买 nike

一个用于将文本字段的内容大写的 JavaScript 小函数如下:

<html>
<head>
<title>capitalize</title>
</head>

<body>
<input type="text" id="uname" length="20" /><br />
<input type="submit" id="submit" value="submit" />
<script>
document.getElementById("submit").addEventListener("click",eve);
function eve(){
var uname = document.getElementById("uname").value;
uname = uname.toUpperCase();
document.getElementById("uname").value=uname;
}
</script>
</body>

</html>

现在,这可以正常工作,但是当我将 Javascript 代码的位置更改为 head 标记时,它不起作用。

<html>
<head>
<title>key events</title>
<script>
document.getElementById("submit").addEventListener("click",eve);
function eve(){
var uname = document.getElementById("uname").value;
uname = uname.toUpperCase();
document.getElementById("uname").value=uname;
}
</script>
</head>

<body>
<input type="text" id="uname" length="20" /><br />
<input type="submit" id="submit" value="submit" />

</body>

</html>

最佳答案

使用 document.ready 函数。

当您将代码放在关闭 body 标记之前时,DOM 已完全创建。将其放入 head 标签内时的情况不同

关于javascript - 为什么该脚本的位置会改变网页的行为?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35115895/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com