2.设计一个具有三个选项的菜单程序,当单击每个选项时分别跳转到三个不同的页面。
时间: 2024-03-05 21:54:19 浏览: 96
好的,这个问题我可以回答。以下是实现这个菜单程序的基本步骤:
1. 创建一个包含三个选项的菜单页面。
2. 在每个选项上添加一个单击事件处理程序。
3. 创建三个不同的页面,每个页面都包含不同的内容。
4. 在每个选项的事件处理程序中,使用 JavaScript 将用户重定向到相应的页面。
以下是一个简单的示例代码,你可以参考一下:
```html
<!DOCTYPE html>
<html>
<head>
<title>菜单程序</title>
<script>
function goToPage1() {
window.location.href = "page1.html";
}
function goToPage2() {
window.location.href = "page2.html";
}
function goToPage3() {
window.location.href = "page3.html";
}
</script>
</head>
<body>
<h1>菜单</h1>
<ul>
<li><a href="#" onclick="goToPage1()">选项1</a></li>
<li><a href="#" onclick="goToPage2()">选项2</a></li>
<li><a href="#" onclick="goToPage3()">选项3</a></li>
</ul>
</body>
</html>
```
在这个示例中,我们创建了一个包含三个选项的菜单页面。每个选项都绑定了一个单击事件处理程序,当用户单击某个选项时,会调用相应的函数(goToPage1、goToPage2、goToPage3)。这些函数使用 window.location.href 将用户重定向到不同的页面(page1.html、page2.html、page3.html)。
阅读全文