框架

发表时间:2017-05-12 16:10:16 浏览量( 18 ) 留言数( 0 )

框架技术可以实现对静态页面的互相引用,提高静态页面的重用性,因为并不是所有的浏览器都能很好的支持,而且对搜索引擎可能也不是很友好,所以一般网页使用并不多,但是对一些管理系统而言,框架还是很实用的,因为管理系统的布局比较简单。每一个页面的效果都差不多,一般使用下面这种布局。

attcontent/986ed022-7867-49e8-bc06-9d682072221f.png

这个布局头部,菜单和尾部的内容都是不会变化的,经常变化的就是中间的操作页面,所有我们可以把头部,菜单和尾部分别使用三个页面设计,然后在定义一个框架页面进行引入即可。

1、新建头部top.jsp,菜单leftmenu.jsp和尾部footer.jsp三个页面。随便输入以下内容就可以了。当然你还可以建立一个欢迎页面main.jsp

2、新建一个框架页frame.jsp,使用框架标签引用这些页面,注意这个页面不需要body属性。代码如下:

<>
    <>
        < href=>
    </>
    < rows="20%,65%,*" border=>
        < src=>
        
        < cols="25%,*">
            < src=>
            < src= >
        </>
        
        < src=>
    </>
</>

效果如下:

attcontent/2736e506-cf5f-4c37-866b-2ab6fc88fe8f.png

3、为主框架定义一个名称,如果你现在点击菜单项的超链接,那么所有超链接的显示都会在本页面显示的,但是我们需要在主框架中显示,所以我们要先给这个主框架定义name的属性,然后在修改leftmenu.jsp的超链接的target属性值,写上主框架的name的值

< rows="20%,65%,*" border=>

    < src=>
    
    < cols="25%,*">
        < src=>
        < src= name=>
    </>
    
    < src=>
</>

修改leftmenu.jsp的超链接的target属性

    <>
          <><a href= target=>主页</a></li>
          <><a href= target=>注册</a></li>
</>