zoukankan      html  css  js  c++  java
  • 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; 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>

    效果如上图;


  • 相关阅读:
    煲鸡汤流程
    面向对象
    程序员英语学习思维导图
    百度通配符学习
    面向对象
    IO学习
    理解java的三大特性之继承
    重载(overload)、覆盖(override)、隐藏(hide)的区别
    2018年值得关注的10大JavaScript动画库
    小知识点总结
  • 原文地址:https://www.cnblogs.com/cache-yuan/p/9042350.html
Copyright © 2011-2022 走看看