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"> </li></ul>
效果如上图;
frameset框架在.net网站中的小实现。的更多相关文章
- Frameset框架,在同一个浏览器窗口中显示不止一个页面
总结一下.通过使用Frameset框架,可以在同一个浏览器窗口中显示不止一个页面. 先举个例子: 1 <frameset rows="100,*" cols="*& ...
- Vue框架——页面组件中使用小组件
小组件在components文件夹中,页面组件在views文件夹中 一.先写小组件的vue,比如text.vue(在template设置模板渲染,style设置样式) <template> ...
- [译]MVC网站教程(四):MVC4网站中集成jqGrid表格插件(系列完结)
目录 1. 介绍 2. 软件环境 3. 在运行示例代码之前(源代码 + 示例登陆帐号) 4. jqGrid和AJAX 5. GridSettings 6. ...
- CSS框架分析与网站的CSS架构
框架(framework)是一个基本概念上的结构,用于去解决或者处理复杂的问题,是一种可复用的构架. 我们对CSS框架这个词比较陌生,但对于JavaScript框架就比较熟悉了,比如jQuery 但为 ...
- Frameset框架集的应用
Frameset框架集常用于写网站后台页面,大多数"T字型"布局后台页面,就是应用Frameset框架集来做的.Franeset框架集的优点是,他可以在同浏览器窗口显示不同页面内容 ...
- 0908期 HTML Frameset框架和选择器
frameset框架 frameset与body没法同时使用,frameset用来分割页面,frame在frameset用于引用其他网页 <frameset rows="100,*&q ...
- [转]使用ThinkPHP框架快速开发网站(多图)
本文转自:http://blog.csdn.net/ruby97/article/details/7574851 这一周一直忙于做实验室的网站,基本功能算是完成了.比较有收获的是大概了解了ThinkP ...
- ThinkPHP框架快速开发网站
使用ThinkPHP框架快速搭建网站 这一周一直忙于做实验室的网站,基本功能算是完成了.比较有收获的是大概了解了ThinkPHP框架.写一些东西留作纪念吧.如果对于同样是Web方面新手的你有一丝丝帮助 ...
- 新西兰程序员 ASP.NET网站中设置404自定义错误页面
新西兰程序员 ASP.NET网站中设置404自定义错误页面 在用ASP.NET WebForm开发一个网站时,需要自定义404错误页面. 做法是这样的 在网站根目录下建立了一个404.html的错误页 ...
随机推荐
- 理解vertical-align
vertical-align 支持的属性值及组成 inherit 线类baseline, top, middle, bottom 文本类text-top, text-bottom 上标下标类sub, ...
- external-attacher源码分析(1)-main方法与启动参数分析
更多 ceph-csi 其他源码分析,请查看下面这篇博文:kubernetes ceph-csi分析目录导航 摘要 ceph-csi分析-external-attacher源码分析.external- ...
- 温故知新,Blazor遇见大写人民币翻译机(ChineseYuanParser),践行WebAssembly SPA的实践之路
背景 在之前<温故知新,.Net Core遇见Blazor(FluentUI),属于未来的SPA框架>中我们已经初步了解了Blazor的相关概念,并且根据官方的指引完成了<创建我的第 ...
- Linux中su和sudo的用法
su -#su - oldboy //当执行这个命令的时候表示切换到oldboy用户,并且重新读取用户环境相关配置文件,具体的来说就是执行下用户家目录下.bash_profile和.bashrc文件, ...
- Docker与k8s的恩怨情仇(四)-云原生时代的闭源落幕
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 在本系列前几篇文章中,我们介绍了从Cloud Foundry到Docker等PaaS平台的发展迭代过程.今天 ...
- as3.0 Flex 图像处理
as3.0 Flex 图像处理 已知的一些图像处理,主要是得到颜色过滤矩阵,不完整,大家一起来补充. //颜色转换数组,所有的0都是可调值public var colorArray:Array = [ ...
- NoSql非关系型数据库之MongoDB应用(一):安装MongoDB服务
业精于勤,荒于嬉:行成于思,毁于随. 一.MongoDB服务下载安装(windows环境安装) 1.进入官网:https://www.mongodb.com/,点击右上角的 Try Free , 2 ...
- css 背景图片铺满
body { width: 100%; height: 100%; background: url(img/loginbg.png); background-size: 100% 100%; back ...
- 230th Weekly Leetcode Contest
题目二 题目描述 5690. 最接近目标价格的甜点成本 难度:中等-中等 题解 解法一:三进制状态压缩 考虑到baseCosts.toppingCosts的长度最多都为10,每一种辅料都有加0.1. ...
- phpredis中文手册
本文是参考<redis中文手册>,将示例代码用php来实现,注意php-redis与redis_cli的区别(主要是返回值类型和参数用法). 目录(使用CTRL+F快速查找命令): Key ...