日期:2014-05-17  浏览次数:20769 次

请教个一直困扰我很久的问题,页面布局,路过的来看看吧!
小弟开始学JAVA WEB几个月,一直有个问题,就是页面布局该怎么实现,就像CSDN这个论坛一样,左边是树菜单,右边是展示区域。两边互不影响。我也想这样设计,点击左边的菜单,右边出现对应的页面,可问题是我点击左边菜单后,展示部分出来了,但是菜单部分却没有了,因为菜单的超链接就是一个展示页面,没有往里面再加菜单了,我该怎么做,让每次点击菜单后只刷新右边的展示页面,而菜单页面不受影响。就像一个页面里运行了两个独立的页面,互不影响。
  我自己琢磨了很久,就是想不通啊,难道必须要用Ajax才能实现,用<framset><fram>这样的标签不能实现吗,实在不想学js语言了,js脚本令人抓狂啊,用java web能实现吗,或者html语言就能实现,求各位给支个招啊!!
  我先代表菜鸟们感谢各位大哥了。

------解决方案--------------------
超简单的,不像你想象的那样 还要ajax什么的,类似如下
<frameset rows="90,*,30" cols="*" framespacing="0" frameborder="no" border="0">
<frame src="Top.action" name="topFrame" scrolling="no" noresize="noresize" id="topFrame" />
<frameset cols="8,*,7" frameborder="no" border="0" framespacing="0" id="oa_frame">
<frame src="2.html" name="2" scrolling="no" width="100%" height="100%" noresize="noresize"/>

<frame src="center.html" name="I2" height="100%" width="100%" border="0" frameborder="0" scrolling="yes" noresize="noresize"/>
<frame src="3.html" name="3" scrolling="no" width="100%" height="100%" noresize="noresize"/>
</frameset>

<frame src="down.html" name="bottomFrame" scrolling="no" noresize="noresize" id="bottomFrame" />
</frameset>
------解决方案--------------------
可以用框架的
你看看
<%@ page contentType="text/html; charset=utf-8"%>
<%@ include file="/page/head.jsp"%>
<script src="script/jsonrpc.js"></script>
<script src="script/index.js"></script>
<script src="script/common.js"></script>
<script src="script/date.js"></script>
<script src="script/toolbar.js"></script>
<script src="script/search.js"></script>
<script src="script/grid.js"></script>
<script src="script/tree.js"></script>
<script src="script/treeDlg.js"></script>
<script src="script/ShowWin.js"></script>
<script src="script/select.js"></script>
<table cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr style="background-image:url(image/index/topbg.png);border-bottom:1px solid black;">
<td><img src="image/index/tslogo.png" height="70" style="margin:5px;"/></td>
<td width="100%" style="padding:10px 0px 0px 30px;"><table cellpadding="0" cellspacing="0" width="100%" height="80%">
<tr><td style="font-size:32px;font-weight:bold;">xxxxx</td></tr>
<tr><td style="padding-left:10px;color:red;">xxxxxx</td></tr>
</table></td>
<td valign="top"><img alt="退出" src="image/index/logout.png" style="cursor:hand;margin:5px;" onclick="if (confirmMsg('logout'))location.href='zlfk-logout.page'"/></td>
</tr>
<tr height="100%"><td colspan="10"><table cellpadding="0" cellspacing="0" width="100%" height="100%">
<td id="mainleft" style