使用iframe标签实现一个侧边导航栏

最新推荐文章于 2024-04-28 01:25:06 发布

小屁孩不努力

最新推荐文章于 2024-04-28 01:25:06 发布

阅读量1.1k

点赞数 1

文章标签： html5

本文链接：https://blog.csdn.net/weixin_46427348/article/details/125088042

版权

我们想要实现的功能是只需写一遍导航栏导航栏的内容是相同的只改变右侧内容

<%@ 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>
  <table align="center" width="1024" height="700" border="1"  cellpadding="0" cellspacing="0">
   	 <tr>
   	    <td colspan="2" height="80"> 
   	       <h2>xxx管理系统</h2>   	      
   	      </td>
   	 </tr>
     <tr>
       <td width="150" align="center" valign="top">
         <h3>系统菜单</h3>
         <p>
         	<a href="add" target="tagert">添加商品</a>         
         </p>
         <p>
         	<a href="">商品商品</a>         
         </p>
       </td>
       <td>
            <iframe  width="100%" height="100%" name="tagert" ></iframe>
       
       </td>
     </tr>     
     <tr>
         <td colspan="2" height="80">
             <h4>版权归XXX所有</h4>
         </td>
     </tr>
  </table>
</body>
</html>