• 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>

    效果如上图;


  • 相关阅读:
    自己动手丰衣足食之轮播图一动态修改marginTop属性实现轮播图
    自己动手丰衣足食之 jQuery 数量加减插件
    Asp.net 中,在服务端向客户端写脚本的常用方法
    Asp.Net使用加密cookie代替session验证用户登录状态 源码分享
    Javascript技术之详尽解析event对象
    Javascript的V8引擎研究
    11个实用的CSS学习工具[转载收藏]
    为什么JavaScript声明变量的时候鼓励加var关键字
    asp.net菜鸟到中级程序员的飞跃 --30本好书点评
    创建安全的ashx文件,ashx编译
  • 原文地址:https://www.cnblogs.com/cache-yuan/p/9042350.html
Copyright © 2020-2023  润新知