如何知道javascript是否位于<head>或html的底部?

时间:2019-06-13 19:02:29

标签: javascript html

我有一个{。{1}},里面满是.css,.js和元数据。但是只有一个脚本,如果将其放在html的<head>中,将无法正常运行。它只有在文件末尾时才起作用。

我想知道的是,如果有任何有关此规则或特殊类型规则的文档,作为初学者Web设计人员应遵循。

<head>

2 个答案:

答案 0 :(得分:6)

解决此问题的现代方法是在script标签上使用defer属性。将所有标签放入<head>

From MDN

  

此布尔属性设置为向浏览器指示该脚本   是指在文档解析后但在   触发DOMContentLoaded。

所以这个:

<script src="js/secret.js"></script>

成为这个:

<script defer src="js/secret.js"></script>

但是标签现在进入了<head>

答案 1 :(得分:0)

您可以在两个位置都放置JS,但建议将JS放置在html的底部,因为这样会使页面加载更快。

有关更多信息:
Does putting scripts on the bottom of a web page speed up page load?