html中<frameset>标签,框架结构各窗口的父级菜单子级菜单关系
这个问题搞得我头大,并且在查过百度后各位大佬给出的解释我都不能理解,应该是我太白的原因,希望我写的能好理解。
下面文章窗口1、2、3,在代码里分别为chuangkou、chuangkou1、chuangkou2.
下面是我创建的一个及其简易html框架结构:
制作这个网页需要八个html文件,分别是定义框架的文件:
<!DOCTYPE html>
<html>
<head><title>宾馆后台操作系统</title></head>
<frameset rows="30%,*" frameborder="1" borde="5" bordercolor="#446677">
<frame src="/application/index/view/index/guanli.html" name="chuangkou" scrolling="aulo" noresize>
<frameset cols="30%,70%">
<frame src="/application/index/view/index/zhufang.html" name="chuangkou1" scrolling="aulo" noresize>
<frame src="/application/index/view/index/afangjian.html" name="chuangkou2" noresize>
</frameset>
</frameset>
</html>
这段代码将网页分为三个部分我分别给他起的名字叫做name="chuangkou";name="chuangkou1";name="chuangkou2",也就是上面代码中加粗的代码:窗口、窗口1、窗口2.
下面是顶部选项窗口代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css" media="screen">
p{font-size:30px;}
</style>
</head>
<body>
<font color="blue" align="center"><h1>宾馆后台管理系统</h1></font><br><br>
<p align="center">
<a href="/application/index/view/index/zhufang.html" target="chuangkou1">住房查询</a>
<a href="/application/index/view/index/xiaofei.html" target="chuangkou1">消费查询</a>
</p>
</body>
</html>
这段代码是顶部菜单栏也就是起名为name="chuangkou"的部分,标签<a>的住房查询和消费查询target的位置是第二个窗口的位置,可以理解为target是通道,当我们点击住房查询时,"zhufang.html"内的A区房间、B区房间的选项,也就到了我们要到的终点站chuangkou1的位置。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="/application/index/view/index/afangjian.html" target="chuangkou2">A区房间</a><br>
<a href="/application/index/view/index/bfangjian.html" target="chuangkou2">B区房间</a>
</body>
</html>
上面这段代码是窗口点击住房信息后的代码。
当我们点击A区房间后“afangjian.html”的信息就通过target进入到chuangkou2.
“afangjian.html”代码如下
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>这是A区房间</p>
<p>这是A区房间</p>
<p>这是A区房间</p>
<p>这是A区房间</p>
<p>这是A区房间</p>
<p>这是A区房间</p>
<p>这是A区房间</p>
</body>
</html>
剩余的消费查询及B区房间的查询同理。
附其他代码
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>这是B区房间</p>
<p>这是B区房间</p>
<p>这是B区房间</p>
<p>这是B区房间</p>
<p>这是B区房间</p>
<p>这是B区房间</p>
<p>这是B区房间</p>
</body>
</html>
消费查询代码
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="/application/index/view/index/paomian.html" target="chuangkou2">泡面</a><br>
<a href="/application/index/view/index/yinliao.html" target="chuangkou2">饮料</a>
</body>
</html>
泡面代码
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>这是泡面消费</p>
<p>这是泡面消费</p>
<p>这是泡面消费</p>
<p>这是泡面消费</p>
<p>这是泡面消费</p>
<p>这是泡面消费</p>
<p>这是泡面消费</p>
<p>这是泡面消费</p>
<p>这是泡面消费</p>
</body>
</html>
饮料代码
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>这是饮料消费</p>
<p>这是饮料消费</p>
<p>这是饮料消费</p>
<p>这是饮料消费</p>
<p>这是饮料消费</p>
<p>这是饮料消费</p>
<p>这是饮料消费</p>
<p>这是饮料消费</p>
<p>这是饮料消费</p>
</body>
</html>
html中<frameset>标签,框架结构各窗口的父级菜单子级菜单关系的更多相关文章
- 【转】vim中多标签和多窗口的使用
原文:https://my.oschina.net/kutengshe/blog/464602 ---------------------------------------------------- ...
- HTML中<frameset>标签不显示的问题
啥都不说,先上代码 <html> <head> <title>index</title> <meta content = 'text/html'; ...
- vim中多标签和多窗口的使用
用vim进行编辑的时候常常因为要编辑多个文件或者是编辑一个文件要参考其他文件而烦恼,这里介绍两种方法: 1.多标签 直接在编辑的时候输入: vim -p 要编辑的文件名 如vim -p * 就是编辑当 ...
- Jquery获取iframe子/父窗口中的标签
获取子窗口中的标签: $("#id",document.frames('iframename').document); 获取父窗口中的标签: $('#id', parent.doc ...
- vim中project多标签和多窗口的使用
1.打开多个窗口 打开多个窗口的命令以下几个: 横向切割窗口 :new+窗口名(保存后就是文件名) :split+窗口名,也可以简写为:sp+窗口名 纵向切割窗口名 :vsplit+窗口名,也可以简写 ...
- 网页中<a>标签新窗口和location.href 新窗口打开
在网页制作过程中,经常遇到新窗口打开,一般是a超级链接或者location.href 新窗口打开形式,下面分别讲述两种之间的不同方式 1,a标签 新窗口 添加属性 target="_blan ...
- jsp页面中frameset的使用方法
frame,是网页开发必须掌握的知识.例如后台架构.局部刷新,页面分割,都是frame的用途表现,尤其是后台页面制作,使用frame会给用户带来非常舒适的使用感受. frame知识点包括(frames ...
- 区别CSS中display:box;inline;none以及HTML中 <frame> 标签<table> 标签的 frame 属性
区别display:box:display:inline:display:none三者的不同 display:block的特点是: block是Display默认的值.总是在新行上开始:该对象随后的内 ...
- frameset标签设计页面
重要事项:不能将 <frameset></frameset> 标签放在<body></body> 标签里.且 HTML5 已经不支持 frameset ...
随机推荐
- Memcached 之内存管理与删除机制
一.内存的碎片化 如果用c语言直接 malloc,free 来向操作系统申请和释放内存时,在不断的申请和释放过程中,形成了一些很小的内存片断,无法再利用,这种空闲,但无法利用内存的现象称为内存的碎片化 ...
- myeclipse中代码不显示SVN版本号
打开 : windows ->preferences->General->Appearance->Lable Decoration s 勾选其中的 SVN 项即可. 如果以上方 ...
- 用批处理实现垃圾文件清除/自动关机/清除copy病毒
晚上睡觉之前为了下emule经常使用命令shutdown,最近受一个小程序影响想做个自动关机的批处理文件免的麻烦!网上有高手做了个,不过运行时出 现一个绑定错误,at也不能执行,所以后来自己做了简化版 ...
- 【转】虚拟化(三):vsphere套件的安装注意及使用
vsphere套件里面主要的组件有esxi.vcenter server .vsphere client和vsphere web client. vcenter做为vsphere套件的核心管理成员之一 ...
- java线程启动原理分析
一.前言不知道哪位古人说:人生三大境界.第一境界是:看山是山看水是水:第二境界是看山不是山看水不是水:第三境界:看山还是山看水还是水.其实我想对于任何一门技术的学习都是这样.形而上下者为之器,形而上者 ...
- BZOJ 4195: [Noi2015]程序自动分析 并查集 + 离散化 + 水题
TM 读错题了...... 我还以为是要动态询问呢,结果是统一处理完了再询问...... 幼儿园题,不解释. Code: #include<bits/stdc++.h> #define m ...
- atcoder.keyence2019.contest E-Connecting Cities
真是道好题啊,当时怎么想都没想出来... 传送门 简述题意: 有n个点,每个点有一个权值Ai,连接i,j两个点的代价是 |i−j|×D+Ai+Aj 其中D是给定的常数,问把n个点联通的最小代价 1≤ ...
- 博弈论题目总结(二)——SG组合游戏及变形
SG函数 为了更一般化博弈问题,我们引入SG函数 SG函数有如下性质: 1.如果某个状态SG函数值为0,则它后继的每个状态SG函数值都不为0 2.如果某个状态SG函数值不为0,则它至少存在一个后继的状 ...
- greenplum数据迁移
源集群: 登录集群su - gpadminpsql -d postgres查询数据库信息\l查询用户信息\du 备份需要迁移的库到指定目录pg_dump -C testdata > /home/ ...
- Column注解的的RetentionPolicy的属性值是RUTIME,这样注解处理器可以通过反射,获取到该注解的属性值,从而去做一些运行时的逻辑处理
1.Column注解的的RetentionPolicy的属性值是RUTIME,这样注解处理器可以通过反射,获取到该注解的属性值,从而去做一些运行时的逻辑处理 2. 自定义注解: 使用@interfac ...