内嵌脚本:
<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