Java 使用iframe的简单功能页面

最新推荐文章于 2022-07-13 02:07:27 发布

LQCV587

最新推荐文章于 2022-07-13 02:07:27 发布

阅读量3.2k

点赞数 1

本文链接：https://blog.csdn.net/lqcv587/article/details/83751765

版权

初级程序员实现后台功能会用到的简单的，使用iframe小框架的jsp，首先将项目默认访问页面index.jsp（即启动项目时第一个加载的页面）分割画出如下图的上(top部分)、左(left.jsp)、右(right.jsp)三个区块：

top

left.jsp right.jsp

index.jsp 代码如下:

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>  <!-- 此页面将整个页面分为top部分和剩下的部分 -->
   <table align="center" width=100% height=100%>
	 <tr height=47.35px>    <!-- 此行为top的部分 -->
	      <td colspan=2 align="center">
	 	    <h1>主体</h1><h2>${name}</h2>
	      </td>
	  </tr>
	  <tr height=899.65px>   <!-- 此行为left.jsp以下的部分 -->
		  <td  width=384px >
		  		<iframe src="left.jsp" width=384px height=899.65px frameborder="0"</iframe>
		  </td>
		  <td width=1536px  >  <!-- 此行为right.jsp以下的部分 -->
		  	<iframe src="right.jsp"  name="right" width="1536px" height=899.65px                                        
                 frameborder="0"></iframe>
		  </td>
	  </tr>
  </table>
 </body>
</html>

如此一个简单的使用iframe的功能界面完成。