在 HTML 中,<script> 元素用于嵌入或引用客户端脚本,如 JavaScript。src 属性是 <script> 元素的一个重要属性,用于指定外部脚本文件的 URL。

内嵌脚本:
<script>
  // 这里是 JavaScript 代码
  alert("Hello, World!");
</script>

在上面的例子中,JavaScript 代码直接包含在 <script> 元素内。

引用外部脚本:
<script src="script.js"></script>

在这个例子中,src 属性指定了外部脚本文件的 URL,浏览器会下载并执行这个文件中的 JavaScript 代码。script.js 是外部脚本文件的示例文件名。

引用外部脚本并推荐使用 async 或 defer:
<script src="script.js" async></script>


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

使用 async 或 defer 属性可以控制脚本的执行时机:

  •  使用 async 属性的脚本会异步下载,下载完成后立即执行,不会阻塞页面的解析和渲染。

  •  使用 defer 属性的脚本也是异步下载的,但会在文档解析完成后按照顺序执行。


在使用外部脚本时,通常建议将脚本文件放在 <body> 元素的底部,以避免阻塞页面的加载。这样,浏览器可以并行加载脚本和渲染页面,提高页面加载性能。


转载请注明出处:http://www.zyzy.cn/article/detail/3945/HTML