JavaScript知识点轻量版（一）---答案

1. 选择题答案：A. defer 会并行加载脚本并按顺序执行，async 会并行加载脚本但不会按顺序执行。

2. 简答题答案：

   • 内联脚本是直接在 HTML 文档中使用 <script> 标签插入 JavaScript 代码。它们通常用于小段脚本或需要在特定时刻执行的脚本。内联脚本的优点是简单直接，缺点是不利于代码的复用和维护。
   • 外部脚本是通过 <script> 标签的 src 属性引入外部的 JavaScript 文件。这种方式有利于代码的组织和维护，也有助于提高页面加载速度，因为浏览器可以缓存外部脚本文件。外部脚本适合于大型项目或需要复用的代码。

3. 编程题答案：

   html

   <script>
   window.onload = function() {
     alert('页面已加载完成！');
   };
   </script>

4. 论述题答案： 在大型项目中，推荐使用外部 JavaScript 文件而不是内联脚本的原因包括：

   • 代码分离：将 JavaScript 代码从 HTML 中分离，使得 HTML 文档更加清晰，易于维护。
   • 缓存利用：外部脚本可以被浏览器缓存，用户在访问页面时不需要重复下载相同的脚本，减少了数据传输和提高了加载速度。
   • 代码复用：外部脚本可以在多个页面中引用，避免了代码的重复编写，提高了代码的复用性。
   • 并行加载：现代浏览器支持并行加载外部脚本，而内联脚本会阻塞页面的解析。

5. 问题解决题答案： 如果一个外部 JavaScript 文件没有按预期工作，可以采取以下步骤进行调试：

   • 检查文件路径是否正确，确保 <script> 标签的 src 属性指向正确的文件位置。
   • 使用浏览器的开发者工具查看网络请求，确认脚本文件是否被成功加载。
   • 查看控制台是否有错误信息，如果有，根据错误信息进行相应的调试。
   • 确保脚本文件没有依赖于页面上其他未加载完成的资源。
   • 如果脚本依赖于特定的 DOM 元素，确保在脚本执行时这些元素已经存在于页面中。

6. 案例分析题答案： 在一个包含内联脚本和外部脚本的 HTML 页面中，页面加载和执行的顺序通常是：

   • 浏览器开始解析 HTML 文档。
   • 遇到外部脚本时，浏览器会请求外部脚本文件，这可能会阻塞页面的解析，直到脚本文件被下载完成。
   • 外部脚本按照它们在 HTML 文档中出现的顺序执行。
   • 遇到内联脚本时，浏览器会立即执行内联脚本。
   • 页面继续解析，直到所有内容都被加载和执行完毕。如果在外部脚本中使用了 defer 或 async 属性，它们的执行顺序可能会有所不同。