用frameset实现左边导航,右边显示相应内容的布局

时间:2020-12-06 12:00:38

建立3个web页面,Main.jsp, Left.jsp, Right.jsp.

其中,Main.jsp是容器,里面放置了2个frame,分别用来存放导航页(Left.jsp) 和右边的内容页(Right.jsp)。

Main.jsp的前台代码:

<html>

<frameset cols="120,*">

<frame src="left.jsp">
<frame src="right.jsp" name="rightframe">

</frameset>

</html>
Left.jsp导航页代码

<html>
<body>

<a href ="a.html" target ="rightframe">Frame a</a><br />
<a href ="b.html" target ="rightframe">Frame b</a><br />
<a href ="c.html" target ="rightframe">Frame c</a>

</body>
</html>