如何将 JavaScript 添加到 HTML 页面
将JavaScript添加到HTML页面可以通过以下几种方式：
- 内联JavaScript：在HTML文件中直接写JavaScript代码。
<!DOCTYPE html>
<html>
<body>
<h2>我的第一个 JavaScript 程序</h2>
<button type="button" onclick="alert('Hello World!')">点击我！</button>
</body>
</html>- 内部JavaScript：在
<script>标签内编写JavaScript代码。
<!DOCTYPE html>
<html>
<body>
<h2>我的第一个 JavaScript 程序</h2>
<button type="button" id="myButton">点击我！</button>
<script>
document.getElementById("myButton").onclick = function() {
alert("Hello World!");
}
</script>
</body>
</html>- 外部JavaScript：创建一个单独的
.js文件，并在HTML文件中通过<script>标签引入。
// 假设这是你的 index.js 文件
function showMessage() {
alert("Hello World!");
}
<!DOCTYPE html>
<html>
<body>
<h2>我的第一个 JavaScript 程序</h2>
<button type="button" onclick="showMessage()">点击我！</button>
<script src="index.js"></script>
</body>
</html>在实际开发中，通常推荐使用外部JavaScript文件来组织和管理代码，这样可以提高代码的可维护性和可复用性。
评论已关闭