HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，而JavaScript则是一种广泛使用的脚本语言，它可以在HTML页面中运行，为网页提供动态功能和交互性，本文将详细介绍如何在HTML中运行JavaScript代码。
我们需要了解如何在HTML文件中插入JavaScript代码，有三种主要方法可以实现这一点：
1、内联JavaScript：在HTML标签内直接使用“onclick”、“onload”等事件属性插入JavaScript代码，这种方法适用于简单的操作，但不建议用于复杂的脚本，因为它会使HTML代码难以阅读和维护。
<button onclick="alert('Hello, World!')">点击我</button>
2、内部JavaScript：在HTML文档的<head>标签内使用<script>标签插入JavaScript代码，这种方法允许将代码与HTML内容分开，便于维护和阅读，可以在加载页面时执行脚本。
<!DOCTYPE html>
<html>
<head>
<script>
function showAlert() {
alert("Hello, World!");
}
</script>
</head>
<body>
<button onclick="showAlert()">点击我</button>
</body>
</html>
3、外部JavaScript：通过在HTML文件中使用<script>标签，并将其src属性指向一个外部的.js文件，从而引入外部的JavaScript代码，这种方法有助于将脚本与HTML代码完全分离，实现更好的可维护性和可读性。
<!DOCTYPE html> <html> <head> <script src="script.js"></script> </head> <body> <button id="myButton">点击我</button> </body> </html>
在外部的script.js文件中：
document.getElementById("myButton").onclick = function() {
alert("Hello, World!");
};
接下来，我们来了解一下如何在HTML中使用JavaScript实现一些常见功能：
1、操作DOM（文档对象模型）：JavaScript可以用于创建、修改和删除HTML元素，从而实现动态内容的更新。
2、事件处理：通过监听和响应用户操作（如点击、输入等），JavaScript可以实现丰富的交互效果。
3、AJAX（Asynchronous JavaScript and XML）：通过与服务器进行异步数据交互，JavaScript可以在不刷新页面的情况下更新网页内容。
常见问题与解答：
Q1: 如何在HTML中插入JavaScript代码？
A1: 有三种方法可以在HTML中插入JavaScript代码：内联JavaScript、内部JavaScript和外部JavaScript，可以根据需要和项目规模选择合适的方法。
Q2: 什么是DOM？
A2: DOM（文档对象模型）是一种表示HTML文档结构的编程接口，JavaScript可以通过操作DOM来创建、修改和删除HTML元素，实现动态内容的更新。
Q3: 什么是AJAX？
A3: AJAX（Asynchronous JavaScript and XML）是一种在不刷新页面的情况下与服务器进行数据交互的技术，通过AJAX，可以实现更丰富的网页应用和更好的用户体验。