|
jsp页面中点击导航字，右边输出相应内容，输出时页面重新布局
简单的说，在一个jsp页面中，顶栏有一个导航框，下面是首页布局。我的目的是在点击导航框中的文字时，在下面的页面输出相应的内容，输出的时候，改变此页的布局，重新的一个网页效果，但还是在此窗口中个。请问这种问题该怎么做。用什么实现呢。用框架（Frame），如果不太复杂，直接用IFrame也行。
主页面中：
<div> 导航区
<a href="xxoo1.html" target="content"> 链接名1 </a>
<a href="xxoo2.html" target="content"> 链接名2 </a>
<a href="xxoo3.html" target="content"> 链接名3 </a>
</div>
<iframe name="content" src="default.html" width="100%" height="90%"/>
然后剩下的就是每个菜单所对应的 子页面 了。毕业论文
<body> <table width="100%" height="100%" border="1" cellspacing="0"> <tr height="10%"> <td width="20%" align="center"> 左上角Logo<br/>天天订餐天天优惠 </td> <td> <a href="main.html" target="main">首页</a> <a href="order.html" target="main">我要订餐</a> 查询订单 </td> </tr> <tr height="90%"> <td colspan="2"> <!-- 这个就是子框架页，用来显示内容的 --> <iframe name="main" src="main.html" width="100%" height="100%"> </td> </tr> <tr> <td colspan="2" align="center"> 页脚，订餐热线：4008-823-823 </td> </tr> </body> </html>
【首页Home】main.html
XML/HTML code?123456789101112131415161718 <html> <body> <table width="100%" height="100%" border="1" cellspacing="0"> <tr> <td width="20%" align="center" valign="top"> <a href="new_food.html" target="content">新品优惠</a><br/> <a href="spec_pack.html" target="content">精选套餐</a><br/> <a href="main_food.html" target="content">经典主食</a><br/> 略... </td> <td width="80%"> <!-- 这个就是菜单的子子框架页，用来显示汉堡的 --> <iframe name="content" src="advice.html" width="100%" height="100%"> </td> </tr> </body> </html>
【首页的广告】advice.html
XML/HTML code?12345678 <html> <body> <h1>我是广告页面<h2> 网上订餐优惠一下<br> 香嫩鲜肉汉堡<br> </body> </html>
| 