在前端开发中，脚本标记是一种常用的元素，用于引入 JavaScript 代码。脚本标记有两种方式引入 JavaScript 代码：通过 src 属性引入外部文件，或者直接将代码写在标记内。
SRC 属性引入外部文件
使用 SRC 属性引入外部文件是一种常见的方式。这种方式的优点是可以将 JavaScript 代码单独存放在一个文件中，方便维护和管理。同时，多个页面可以共享同一个 JavaScript 文件，提高了代码的复用率。
示例代码：
<!-- 引入外部 JavaScript 文件 --> <script src="path/to/script.js"></script>
需要注意的是，引入外部文件时应该保证文件路径正确，否则会导致 JavaScript 代码无法加载。
直接写在标记内
除了通过 SRC 属性引入外部文件，还可以直接将 JavaScript 代码写在脚本标记内。这种方式的优点是方便快捷，不需要额外的文件，但是缺点是代码重复度高，不容易维护。此外，由于脚本标记通常位于文档底部，因此可能会造成页面加载速度变慢的问题。
示例代码：
<!-- 直接写在标记内的 JavaScript 代码 -->
<script>
var hello = "Hello, World!";
alert(hello);
</script>需要注意的是，在直接写在标记内时，应该将代码放在 CDATA 块中，以避免特殊字符被解析。
-- -------------------- ---- -------
--------
-- --------
--- --- - ----- -- - ------ -----------
---------
--------
-- ---------
---------
--- --- - ----- -- - ------ -----------
---
---------总结
脚本标记是前端开发中常用的元素，用于引入 JavaScript 代码。使用 SRC 属性引入外部文件可以提高代码的复用率，但要注意保证文件路径正确；直接将代码写在标记内虽然方便快捷，但代码重复度高，不易维护，并可能影响页面加载速度。在编写脚本标记时，应该注意将代码放在 CDATA 块中，以避免特殊字符被解析。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10516
