1. 内嵌JavaScript：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>内嵌JavaScript示例</title>
</head>
<body>
<h2>JavaScript示例</h2>
<script>
// JavaScript 代码
document.write("Hello, World!");
</script>
</body>
</html>
2. 外部JavaScript文件：
JavaScript文件（script.js）：
// script.js
document.write("Hello, World!");
HTML文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>外部JavaScript示例</title>
</head>
<body>
<h2>JavaScript示例</h2>
<script src="script.js"></script>
</body>
</html>
3. 事件处理：
<button onclick="showAlert()">点击我</button>
<script>
function showAlert() {
alert("按钮被点击了！");
}
</script>
4. 修改HTML元素：
<p id="demo">这是一个段落。</p>
<script>
// 修改元素内容
document.getElementById("demo").innerHTML = "新的内容";
</script>
5. 外部库（例如jQuery）：
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
// 使用jQuery
$(document).ready(function(){
$("button").click(function(){
alert("按钮被点击了！");
});
});
</script>
这些示例涵盖了一些基本的HTML和JavaScript用法。通过JavaScript，你可以处理用户交互、修改文档内容、发起网络请求等。在实际开发中，JavaScript通常与HTML和CSS一起使用，以创建更丰富和动态的用户体验。
转载请注明出处：http://www.zyzy.cn/article/detail/3135/HTML