📅 最后修改于: 2023-12-03 14:51:54.862000 🧑 作者: Mango
JavaScript 是一门脚本语言，可以用来为网站添加交互式的功能。在本文中，我们将介绍如何使用 JavaScript 创建网站。
我们首先需要编写 JavaScript 代码。可以使用文本编辑器，例如 Visual Studio Code 或 Sublime Text，来创建一个新的 JavaScript 文件。
在该文件中，我们可以编写 JavaScript 代码来添加交互式的功能，例如点击按钮时弹出警告框、验证表单等等。
以下是一个例子：
// 弹出警告框
function showAlert() {
alert("Hello World!");
}
// 表单验证
function validateForm() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
if (name == "") {
alert("请输入您的姓名。");
return false;
} else if (email == "") {
alert("请输入您的电子邮件地址。");
return false;
} else {
return true;
}
}
接下来，我们需要在 HTML 文件中引用 JavaScript 文件。可以使用 <script> 标签来引用 JavaScript 文件。
以下是一个例子：
<!DOCTYPE html>
<html>
<head>
<title>我的网站</title>
</head>
<body>
<h1>欢迎来到我的网站！</h1>
<button onclick="showAlert()">点击我</button>
<form onsubmit="return validateForm()">
<label for="name">姓名：</label>
<input type="text" id="name" name="name"><br>
<label for="email">电子邮件地址：</label>
<input type="email" id="email" name="email"><br>
<input type="submit" value="提交">
</form>
<script src="myscript.js"></script>
</body>
</html>
在上面的例子中，我们在 HTML 文件的 <body> 标签中添加了一个按钮和一个表单，并分别使用了我们之前编写的 JavaScript 函数 showAlert() 和 validateForm()。
在 HTML 文件的 <head> 标签中，我们还使用了 <script> 标签来引用了一个名为 myscript.js 的 JavaScript 文件。这个文件包含了我们之前编写的 JavaScript 代码。
最后，我们需要在浏览器中查看效果。可以使用任何现代浏览器（例如 Chrome、Firefox 或 Safari）来查看效果。
打开 HTML 文件后，可以点击按钮来看到弹出的警告框，也可以尝试提交表单并查看表单验证的效果。
现在您已经了解了如何使用 JavaScript 创建网站。可以继续深入学习 JavaScript，以添加更多交互式的功能到您的网站中。