第二章-在HTML中使用JavaScript
在HTML中使用JavaScript的基本方法是在HTML文档中添加<script>标签，并在其中写入JavaScript代码。你可以将JavaScript代码直接放在<script>标签中，或者使用src属性来引用外部的JavaScript文件。
以下是一个简单的例子，展示了如何在HTML文档中嵌入JavaScript代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>示例页面</title>
<script>
// 直接写入JavaScript代码
function showMessage() {
alert('你好，世界!');
}
</script>
</head>
<body>
<!-- 使用按钮触发JavaScript中的函数 -->
<button onclick="showMessage()">点击我</button>
</body>
</html>如果你有一个外部的JavaScript文件（例如script.js），你可以通过以下方式引入它：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>示例页面</title>
<script src="script.js"></script> <!-- 引用外部JavaScript文件 -->
</head>
<body>
<!-- 按钮事件可以调用外部JavaScript文件中定义的函数 -->
<button onclick="externalFunction()">点击我</button>
</body>
</html>在script.js文件中，你可以定义externalFunction等函数：
// script.js
function externalFunction() {
alert('这是一个外部JavaScript函数!');
}请确保你的HTML文件和JavaScript文件位于同一目录中，或者提供正确的路径来引用外部JavaScript文件。
评论已关闭