gpt4 book ai didi

javascript - 将脚本放在头部和 body 中有什么区别?

转载 作者:IT王子 更新时间:2023-10-29 03:13:48 26 4
gpt4 key购买 nike

我遇到了一个问题。

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
alert(document.getElementsByTagName("li").length);
</script>
<title>purchase list</title>
</head>
<body>
<h1>What to buy</h1>
<ul id="purchases">
<li> beans</li>
<li>Cheese</li>
</ul>
</body>

当我把脚本放到head时,结果显示0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Shopping list</title>
</head>
<body>
<h1>What to buy</h1>

<ul id="purchases">
<li>Cheese</li>
<li>Milk</li>
<script type="text/javascript">
alert(document.getElementsByTagName("li").length);
</script>
</ul>
</body>

当我尝试将脚本放入正文时,结果显示 2. 为什么会有这样的差异?主要区别是什么?

最佳答案

What's the difference between putting script in head and body?

它运行的时间。

When I put scripts in head, the result shows 0 Shopping list

您尝试访问的元素在脚本运行时不存在(因为它们出现在文档中的脚本之后)。

请注意,您可以编写一个脚本,以便使用 event handlers 调用later 函数(later 的各种值,包括“当整个文档已加载时”)。

关于javascript - 将脚本放在头部和 body 中有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17106462/

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