注:该程序用到HTML的超链接标记,例如: <a href=" ">书城首页 </a > 编写一个JSP文件nav.jsp,显示且仅显示导航信息:【书城首页】,和【用户注册】; 点击【书城首页】,跳转
时间: 2024-09-26 22:04:52 浏览: 38
在JSP文件nav.jsp中,你可以使用HTML和JSP标签结合来创建这个简单的导航栏。这里是一个基础的例子:
```jsp
<!DOCTYPE html>
<html>
<head>
<title>书城导航</title>
</head>
<body>
<h2 class="navbar">书城导航</h2>
<ul>
<li><a href="/bookcity/index.jsp" target="_self">【书城首页】</a></li>
<li><a href="/register.jsp" target="_blank">【用户注册】</a></li>
</ul>
<!-- 点击【书城首页】 -->
<script type="text/javascript">
document.querySelector('a[href="/bookcity/index.jsp"]').addEventListener("click", function(e) {
e.preventDefault(); // 阻止默认跳转
window.location.href = "/bookcity/index.jsp"; // 强制跳转
});
</script>
</body>
</html>
```
在这个例子中:
- `<a>`标签用于创建链接,`href`属性指定了页面的URL。
- `target="_self"`表示在同一窗口打开链接,`"_blank"`则会新开一个窗口。
- JavaScript部分添加了一个事件监听器,当点击「书城首页」链接时,阻止了浏览器默认的跳转动作,并手动指定目标页面。
注意:这只是一个基础示例,实际部署时可能需要考虑CSS样式和服务器端的URL配置。
阅读全文