HTML 脚本

在 HTML 中，脚本通常指的是 JavaScript 代码，这些代码用于控制网页的交互性、动态内容和动画效果。JavaScript 代码可以嵌入在 HTML 文档的 <script> 标签中，也可以链接到外部的.js文件。

嵌入式脚本（Inline Script）

嵌入式脚本是直接在 HTML 文档中的 <script> 标签内编写的 JavaScript 代码。例如：

<script>
document.write("Hello World!");
</script>

外部脚本（External Script）

实际开发过程中，大多将 JavaScript 代码保存在单独的 .js 文件中，然后在 HTML 文档中使用 <script> 标签的 src 属性来引用它。例如：

在 script.js 文件中，你可以编写相同的 sayHello 函数：

// script.js 文件内容  
function　sayHello() {  
    alert('你好，世界！');  
}

在 html 引入 js 文件，然后调用在 js 文件中定义好的函数：

<!DOCTYPE html>  
<html>  
<head>  
    <title>外部脚本示例</title>  
    <!-- 引用外部脚本文件 -->  
    <script src="script.js"></script>  
</head>  
<body>  
    <h1>欢迎访问我的网页！</h1>  
    <p>JavaScript代码在script.js文件中。</p>  
    <button onclick="showHello()">点击我</button>  
</body>  
</html>

注意事项

加载顺序：如果你的 JavaScript 代码依赖于 DOM 中的某些元素，确保你的 <script> 标签在 DOM 元素之后，或者将<script> 标签放在 window.onload 事件处理器中，或者使用 DOMContentLoaded 事件，以确保 DOM 加载完成后再执行脚本。
性能优化：将 JavaScript代码放在 HTML 文档的底部（在 </body> 标签之前）可以帮助提高页面加载性能，因为浏览器会先加载和渲染页面的其余部分，然后再执行 JavaScript 代码。
异步加载：如果你的 JavaScript 文件很大，或者你不希望它阻塞页面的渲染，可以使用async或defer属性来异步加载脚本。async会异步加载并执行脚本，而 defer 会等到整个文档解析完成后才执行脚本。
安全性：确保你的 JavaScript 代码来自可信的来源，并且不要包含任何可能危害用户安全的代码。对于从外部源加载的脚本，始终使用 HTTPS 来确保数据传输的安全性。