向HTML页面中插入JavaScript的主要方法就是使用<script>元素,只要不存在defer和async,包含在<script>元素内部的JavaScript代码将被从上而下依次解析。
如果<script>放在<head>里,则只有javascript被解析完毕和执行完成以后,页面中的其余内容才会被浏览器加载或显示。
所以如果需要加载很多JavaScript代码的页面,会导致浏览器在呈现页面时有明显的延迟,为了避免这样的问题,一般把全部的JavaScript引用放在<body>元素中页面的内容后面。