点击JSP左边的菜单如何显示右边的JSP页面，要求根据不同的菜单显示不同的jsp页面，要求用CSS+JSP+JS

尽量不要用到框架。求助高手，我的代码如下，显示不了右边的JSP页面！<%@pagelanguage="java"import="java.util.*"pageEncod... 尽量不要用到框架。求助高手，我的代码如下，显示不了右边的JSP页面！
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'ShowMessage.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<link rel="stylesheet" type="text/css" href="./GoodManage/Showmessage.css">
<script>
function a(index)
{
var div=document.getElementById('right');
var divs=zymain.getElementsByTagName('div');
for(var i=0;i<divs.length;i++)
{
divs[i].style.display="none";
}
divs[index-1].style.display="block";
}
</script>
</head>
<body>
<div id="content">
<div id="logo">
<img height="150px" width="1200px" src ="F:\photo\图片\广告创意思维\12.jpg" alt="logo"></img>
</div>
<div id="left">
<ul id="menu">
<li onclick="a(1)">商品管理</li>
<li onclick="a(2)">员工管理</li>
<li onclick="a(3)">订单管理</li>
<li onclick="a(4)">销售情况</li></ul>
</div>
<div id="right">
<div id="demo1" style="display:none;"><jsp include="GoodManage.jsp" /></div>
<div id="demo2" style="display:none;"><jsp include="WorkerManage.jsp" /></div>
<div id="demo3" style="display:none;"><jsp include="OrderManage.jsp" /></div>
<div id="demo4" style="display:none;"><jsp include="SaleStatus.jsp" /></div>
</div>
<div id="footer">©淘书城版权所有</div>
</div>
</body>
</html> 展开

 我来答

3个回答

#热议# 普通体检能查出癌症吗？

wenjibo12345
推荐于2017-11-28 · TA获得超过504个赞

知道小有建树答主

回答量：320

采纳率：0%

帮助的人：192万

我也去答题访问个人页

关注

展开全部

就是一选项卡嘛，很简单，你用jquery轻松搞定。不过如果你页面中没有引入jquery文件你得先下个jquery文件，然后放到你的JS文件夹里，然后在页面像引用JS那样在head里引用一下。然后下面的代码我已经改好了。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'ShowMessage.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<link rel="stylesheet" type="text/css" href="./GoodManage/Showmessage.css">
<script>
$(document).ready(function(){
$("#menu li").each(function (index) {

$(this).click(function () {
$("div#right div.tab_content").hide();
$("div#right div.tab_content:eq(" + index + ")").show();

})
})

});

</script>
</head>
<body>
<div id="content">
<div id="logo">
<img height="150px" width="1200px" src ="F:\photo\图片\广告创意思维\12.jpg" alt="logo"></img>
</div>
<div id="left">
<ul id="menu">
<li onclick="a(1)">商品管理</li>
<li onclick="a(2)">员工管理</li>
<li onclick="a(3)">订单管理</li>
<li onclick="a(4)">销售情况</li></ul>
</div>
<div id="right">
<div class="tab_content" id="demo1" style="display:none;"><jsp include="GoodManage.jsp" /></div>
<div class="tab_content" id="demo2" style="display:none;"><jsp include="WorkerManage.jsp" /></div>
<div class="tab_content" id="demo3" style="display:none;"><jsp include="OrderManage.jsp" /></div>
<div class="tab_content" id="demo4" style="display:none;"><jsp include="SaleStatus.jsp" /></div>
</div>
<div id="footer">©淘书城版权所有</div>
</div>
</body>
</html>

已赞过 已踩过<

评论收起

fewind1990
2012-12-31 · TA获得超过347个赞

知道小有建树答主

回答量：478

采纳率：0%

帮助的人：236万

我也去答题访问个人页

关注

展开全部

右边用一个iframe就行了，点左边把iframe的url改掉就行。
你的js应该写错了
var divs=zymain.getElementsByTagName('div');

这个应该是
var divs=div.getElementsByTagName('div');

已赞过 已踩过<

评论收起

阿芒爱学习1
2013-01-14

知道答主

回答量：7

采纳率：0%

帮助的人：1.1万

我也去答题访问个人页

关注

展开全部

这种情况下一般是用iframe，不然的话就需要是js把右侧的页面（也就是一个大的div吧）销毁和添加一个新的div，否则将整个页面重写的话会有很明显的刷新感，当然这种刷新感和浏览器也有一定的关系。

已赞过 已踩过<

评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

您可能关注的内容

2023java编程每天免费网上学习java编程

免费网上学习java编程，国内讲师机构专业授课，适合从基础学习，挑战从入门到熟练运用，海量java编程学习从入门到编程技术高超编程能力快速提升

www.huke88.com广告

2025版Java面试题-Java面试题&笔试超5000道~超级码客

涵盖java面试题中常见编程题海量Java面试题#Java语言，多线程，JVM，SpringBoot，SpringCloud，Dubbo，Java微服务，Java数据结构算法，MyBatis，Hibernate等Java面试题超5000题java面试题中常见编程题

www.chaojimake.cn广告

点击JSP左边的菜单如何显示右边的JSP页面，要求根据不同的菜单显示不同的jsp页面，要求用CSS+JSP+JS

您可能关注的内容

其他类似问题

为你推荐：