- 搜索
日期：2025/04/01 00:11来源：未知 人气：53
在HTML中引入和编写JavaScript代码有几种方法：
1. 内部JavaScript：
你可以在HTML文档内部使用<script>标签来编写JavaScript代码。通常放在<head>标签内或者<body>标签结束之前。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript示例</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<button id="clickMe">点击我</button>
<script>
// 在这里写你的JavaScript代码
document.getElementById('clickMe').addEventListener('click', function() {
alert('你点击了按钮！');
});
</script>
</body>
</html>
2. 外部JavaScript文件：
你也可以将JavaScript代码放在外部文件中，然后在HTML文档中通过<script>标签引入。
首先，创建一个JavaScript文件（例如script.js），并写入你的代码：
// script.js
window.onload = function() {
alert('页面已加载！');
};
然后，在HTML文件中引入这个文件：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>外部JavaScript示例</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<!-- 在文档的<head>部分或<body>结束标签之前引入外部JavaScript文件 -->
<script src="script.js"></script>
</body>
</html>
3. 内联JavaScript：
你还可以在HTML元素的事件属性中直接写入JavaScript代码，这种方法称为内联JavaScript。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>内联JavaScript示例</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<button onclick="alert('你点击了按钮！')">点击我</button>
</body>
</html>
通常推荐使用外部JavaScript文件，因为这样可以将HTML结构、CSS样式和JavaScript代码分离，使代码更加模块化和易于维护。内联JavaScript虽然方便，但不利于代码的维护和重用。
