1. 基本理论
浏览器在解析HTML文档时，是自上而下解析的，从上到下依次加载、解析。
2. 内部JS代码与外部JS代码
不论是<script>和</script>之间的内部JS代码，还是通过src属性引用的外部JS代码，浏览器在解析到<script>标签时，页面的内容加载都会暂停，也就是说必须先解析完JS代码，才能往后继续解析。
所以此时还是符合自上而下解析的基本理论的。
3. 多个<script>标签的解析问题
此处要注意，浏览器会按照<script>标签出现的顺序，依次解析，必须在前面的<script>标签代码解析完成后，才会开始解析后面的内容。
所以作为开发者，不必担心存在并行加载或者前面的还没加载完，后面已经开始加载的问题。
4. <script>标签位置问题
很多情况下，<script>标签会放到html文档的头部。
这种方式需要等待<script>中的代码解析完成后，才能加载body内容，所以会导致页面加载延迟，用户体验不佳。
所以组好是将<script>标签放到<body></body>元素之中，而且是放到靠近</body>的地方，这样便于JS代码处理网页文档内容。
![[HTML、CSS]细节与使用经验](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635950/20241110/4a6bb78b9c294263bd2e005a5c2642e0.gif?x-oss-process=image/resize,h_160,m_lfit)
![[HTML、CSS]知识点](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635461/20241109/bcc34220ff734707ab00ebc739596dff.jpeg?x-oss-process=image/resize,h_160,m_lfit)