frameset框架在.net网站中的小实现。

一般我们生成网页，为减少代码的开发量，通常将不变的网页部分进行重用。通用为三种方法：

1.frameset框架

2.用户自定义控件

3.母版页（消耗资源大，不追叙）

通常1，2两种方法常用。

1.frameset框架

例子：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test1.aspx.cs" Inherits="test1" %>


<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>frame框架测试</title>
</head>
    <frameset rows="150,*,50" cols="800" frameborder="no" border="0">
        <frame src="Top.aspx" name="top" scrolling="no"></frame>
        <frameset cols="180,*" frameborder="yes" border="1">
            <frame src="Left.aspx" name="left"></frame>
            <frame src="Main.aspx" name="OfficeMain" scrolling="yes"></frame>
        </frameset>
        <frame src="bottom.aspx" name="bottom"></frame>
    </frameset>
</html>

显示界面：


1.<frameset>的rows属性将其分为三列，然后第一列引用top.aspx,第二列分为rows两行，left.aspx和main.aspx,第三列为bottom.aspx。

2.每个frame标签都设置了name属性，其目的是为了让其他的页面能够定位到（一般是a标签来定位）

3.利用a标签的target属性，将超链接内容链接到一个或多个框架中。

对应上图实例，left.aspx中所有超链接，均显示在右边的OfficeMain框架中。（若是name属性与target对应不上，则默认链接在新窗体打开）

left.aspx部分代码：

 <form id="Form1" runat="server">
    <div style="height: 650px; width: 183px; background-color: #e4e4e4;">
        <ul id="qm0" class="qmmc">
            <li><a class="qmparent" href="#">会员功能菜单</a>
                <ul>
                    <li><a href="UserList.aspx" target="OfficeMain">会员信息管理</a></li>
                    <li><a href="Updt.aspx" target="OfficeMain">修改密码</a></li>
                </ul>
            </li>
            <li><a class="qmparent" href="#">基础信息管理</a>
                <ul>
                    <li><a href="SPFL.aspx" target="OfficeMain">菜品分类管理</a></li>
                    <li><a href="SPXXList.aspx" target="OfficeMain">菜品信息管理</a></li>
                </ul>
            </li>
            <li><a class="qmparent" href="#">订单管理</a>
                <ul>
                    <li><a href="DDList.aspx" target="OfficeMain">菜品订单信息</a></li>
                    <li><a href="http://www.baidu.com" target="OfficeMain">百度搜索</a></li>
                </ul>
            </li>
            <li><a class="qmparent" href="#">综合信息管理</a>
                <ul>
                    <li><a href="SJXSTJ.aspx" target="OfficeMain">菜品销售统计</a></li>
                    <li><a href="PjspPH.aspx" target="OfficeMain">按照性别统计菜系</a></li>
                </ul>
            </li>
            <li class="qmclear">&nbsp;</li></ul>

效果如上图；


posted @ 2017-04-10 20:26  cache.yuan  阅读(227)  评论(0)  编辑  收藏  举报