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>

效果如上图;


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值