js放置的位置

理论上,js代码可以放置在html文件的任何位置,<head>与</head>之间、页面底部等等,是不影响html页面内容的。但今天在玩js的时候,忽然js无法起到作用,经过百度查询资料后,发现了原因。故做了一个小实验。

<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<script>
document.getElementById("qq").innerHTML="qwqsaw";
</script>
</head>
<body>
<h1 id="qq">qweqe</h1>
</body>
</html>

上诉代码,未将h1内容改变,原因:html中,<head>与</head>之间的代码是最先执行的,而DOM树还未构建,故无法添加儿子结点。以后,js代码无论是外部还是内部,均放置在底部或<body>与</body>之间。

发表评论

您的电子邮箱地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据