JavaScript 引用外部文件并自动执行代码 - defer 和 async 属性解析

"JavaScript 引用其他文件代码且自动执行代码"\n在 JavaScript 中，可以使用 "<script>" 标签来引用其他文件的代码，并且可以通过设置 "defer" 或 "async" 属性来控制代码的执行方式。\n\n1. 使用 "<script>" 标签引用外部文件：\n\nhtml\n\<script src=\"otherfile.js\"\>\</script\>\n\n\n这样可以将 "otherfile.js" 文件中的代码引入到当前页面中，并且代码会按照引入的顺序执行。\n\n2. 使用 "defer" 属性：\n\nhtml\n\<script src=\"otherfile.js\" defer\>\</script\>\n\n\n"defer" 属性表示延迟执行脚本，即脚本会在页面的其他内容加载完毕后再执行。多个带有 "defer" 属性的脚本按照引入的顺序依次执行。\n\n3. 使用 "async" 属性：\n\nhtml\n\<script src=\"otherfile.js\" async\>\</script\>\n\n\n"async" 属性表示异步执行脚本，即脚本的加载和执行不会阻塞页面的加载。多个带有 "async" 属性的脚本的执行顺序是不确定的。\n\n需要注意的是，使用以上方式引入的外部文件中的代码会自动执行，无需手动调用。