为什么<style>声明在里面<head>但<script>必须放在HTML文件的底部？
下面是一个例子：
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1></h1>
<p>This is a paragraph.</p>
<script>
var myHeading = document.querySelector('h1');
myHeading.textContent = 'Hello world!';
</script>
</body>
</html>
请让我知道。
在head包含了整个文档的一般信息。
该body包含的内容。
样式表不是内容，而是有关内容外观的信息。
正文末尾的脚本元素是一种性能技巧。
首先允许在 body 中使用它，因为它可以将内容直接注入其当前位置（使用document.write），尽管今天这不被认为是好的做法。
我通常会将 放在<script>中<head>，但设置async属性并使用DOMContentLoaded事件侦听器使其在内容加载时运行。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句