html frame 菜单切换,html中<frameset>标签，框架结构各窗口的父级菜单子级菜单关系...

最新推荐文章于 2021-06-09 14:23:18 发布
最新推荐文章于 2021-06-09 14:23:18 发布
阅读量257 收藏 1
点赞数
文章标签： html frame 菜单切换

这个问题搞得我头大，并且在查过百度后各位大佬给出的解释我都不能理解，应该是我太白的原因，希望我写的能好理解。

下面文章窗口1、2、3，在代码里分别为chuangkou、chuangkou1、chuangkou2.

下面是我创建的一个及其简易html框架结构：

4053195

6d79119e2deef534745017fb565444f0.png

制作这个网页需要八个html文件，分别是定义框架的文件：

宾馆后台操作系统

这段代码将网页分为三个部分我分别给他起的名字叫做name="chuangkou"；name="chuangkou1"；name="chuangkou2"，也就是上面代码中加粗的代码：窗口、窗口1、窗口2.

下面是顶部选项窗口代码：

bcde7250b2855d38e8f006f5083531d1.png

p{font-size:30px;}

宾馆后台管理系统

住房查询                

消费查询

这段代码是顶部菜单栏也就是起名为name="chuangkou"的部分，标签的住房查询和消费查询target的位置是第二个窗口的位置，可以理解为target是通道，当我们点击住房查询时，"zhufang.html"内的A区房间、B区房间的选项

b338cb955873b40681e000a164d97798.png，也就到了我们要到的终点站chuangkou1的位置。

A区房间

B区房间

上面这段代码是窗口点击住房信息后的代码。

6a7c264e1290bfa01448debc00f15e5b.png

当我们点击A区房间后“afangjian.html”的信息就通过target进入到chuangkou2.

“afangjian.html”代码如下

这是A区房间

这是A区房间

这是A区房间

这是A区房间

这是A区房间

这是A区房间

这是A区房间

剩余的消费查询及B区房间的查询同理。

附其他代码

这是B区房间

这是B区房间

这是B区房间

这是B区房间

这是B区房间

这是B区房间

这是B区房间

消费查询代码

泡面

饮料

泡面代码

这是泡面消费

这是泡面消费

这是泡面消费

这是泡面消费

这是泡面消费

这是泡面消费

这是泡面消费

这是泡面消费

这是泡面消费

饮料代码

这是饮料消费

这是饮料消费

这是饮料消费

这是饮料消费

这是饮料消费

这是饮料消费

这是饮料消费

这是饮料消费

这是饮料消费

weixin_39934257
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在iframe里面获取父页面和顶层父页面，window/window.parent/window.top/top.window
weixin_52314006的博客
10-26 1775
（3）window.top和top.window是顶级窗口。（1）window和window.self是当前窗口；（2）window.parent是父级窗口；
frame实现菜单导航
weixin_34413802的博客
05-25 351
效果如下： main.html <html> <frameset cols="200,*"> <frame src="menu.html"> <frame src="pref.html" name="view_frame"> </frameset&g...
iframe 父窗口和子窗口相互的调用方法集锦
编码改变世界
03-31 2357
iframe 父窗口和子窗口相互的调用方法集锦 用iframe、弹出子页面刷新父页面iframe parent.location.reload();弹出子页面 window.opener.location.reload();子窗口刷新父窗口 self.window.opener.locaction.reload();刷新一open（）方法打开的窗口 window.
html frame 菜单切换,官方底部导航如何通过frame0.html的JS控制切换
weixin_31695145的博客
06-09 187
官方建立的默认底部导航窗口，在frame0里写了function jump(id){api.setFrameGroupIndex({name: 'group',index: 1,scroll:true});}页面跳转了，但是index.html的随意切换按钮默认项不动，怎么能让index.html默认变化// 随意切换按钮function randomSwitchBtn( tag ) {if(...
菜单左边功能点击栏，右边显示相关功能界面,<frameset><frame>标签应用
ly_solo的博客
04-25 4679
框架界面 注意：该界面去掉标签，该工程左侧界面是index.jsp。右下侧显示界面是main.jsp。红线标注的内容需要写，且与index.jsp界面中超链接的targe属性的名字一致。         ******** 以上步骤完成以后， 当点击index.jsp中的链接时，内容就会在main.jsp界面显示
HTML常用标签.docx
08-18
* 框架线：<table frame=参数>...</table> * 宽度：<table width=宽度>...</table> * 高度：<table height=高度>...</table> * 融合单元格：<td colspan=参数>...</td> * 融合行：<td rowspan=参数>...</td> 分割...
2023年韩顺平html笔记.docx
10-27
6. 框架：<frameset frameborder=”边框的大小” cols=”按照列的比例分隔” rows=”按照行的比分比分隔”><frame src=”” noresize /></frameset> 7. 表单元素：<form action=”” method=”post/get”> * 文本框...
(完整)HTML5常用标签大全.doc
11-15
* `<frame>`：定义框架集的窗口或框架 * `<frameset>`：定义框架集 * `<noframes>`：定义针对不支持框架的用户的替代内容 * `<iframe>`：定义内联框架 图像标签 * `<img>`：定义图像 * `<map>`：定义图像映射 * `...
Html框架结构.pdf
09-30
3. 嵌套分割：使用框架集标记 `<frameset>` 嵌套定义框架，例如 `<frameset cols="20%,*"> <frame> <frameset cols="30%,*"> <frame> <frame> </frameset> </frameset>`。 框架集标记 `<frameset>` 还有一些其他的...
HTML表单和框架PPT课件.ppt
11-24
其中<frameset>标签用于定义框架的结构，<frame>标签用于定义框架中的每个部分。 HTML框架有很多应用场景，例如网站的导航页、搜索结果页、后台管理系统等。 本资源为HTML表单和框架PPT课件，全面讲解了HTML表单和...
利用frameset做菜单
08-08
你见过QQ邮箱吗？你做网页的时候有没有想过左边是漂亮的菜单列表，而点击过后的内容在右边显示？虽然可能对于高手来说这个很菜，但是对于像我们一样的菜鸟来说很需要这些例子来提升自己，增加我们项目的技术含量！
HTML-------html里frame导航框架实现方法
在安静的地方安静地生活
04-12 1215
如何做出来这个呢？ 1、Frame.html <!DOCTYPE html> <html> <frameset cols="50%,50%"> <frame src="content.html"> <frame src="Link.html" name="showframe"> </frameset&...
js调用父级frame中的方法
zzm628的专栏
07-03 4550
父级frame中的方法： function hideOutline() { $("#outline").hide(); $("#content").attr("style", "width: 97%;"); $(".replyUserList").find("table").attr("style", "left: 35px;"); $("#showOutline").show(); }
html frame实现页面内容动态切换
热门推荐
NameiCc
04-04 1万+
使用frameset可以进行布局，但是在使用frameset时，html文本中不能带有body标记。 要实现如下效果(只是根据左侧链接，动态改变右侧的网页内容，其余部分都不变)。 只需要在整体部分的html文本中对动态切换的frame添加name属性，并且在超链接中设置属性target 指向要改变的frame left.html内容如下 &lt;ht...
框架伸缩 frameset实现
qq_41816349的博客
03-10 407
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;仿猫扑框架页面&lt;/title&gt; &lt;script&gt; function Set(){
frameset框架集实例
mover999的博客
05-27 8136
首先，来简单介绍一下这个标签的用法1.frameset    rows：设置将页面分为几行，设置高度形如    cols：设置将页面分为几列，形如特别提醒：frameset不要和body放在同一个html文件内2.framescrolling：设置分框是否可以滑动实例：页面介绍：页面分为三部分下面是代码：&lt;!DOCTYPE &gt; &lt;html&gt; &lt;head&gt; &l...
将以下页面代码进行美化 <html> <meta charset="UTF-8"> <head> <frameset rows="10%,*" > <frame src = "top1.html" name = "top" ></frame> <frameset cols="12%,*"> <frame src="right1.html" name="left" ></frame> <frame src="main1.html" name="main" ></frame> </frameset> </frameset> </head> </html>
最新发布
06-07
<html> <head> <meta charset="UTF-8"> <style> frameset { border: none; margin: 0; padding: 0; height: 100%; width: 100%; } frame { border: none; margin: 0; padding: 0; } </style> </head> <frameset rows="10%,*"> <frame src="top1.html" name="top"></frame> <frameset cols="12%,*"> <frame src="right1.html" name="left"></frame> <frame src="main1.html" name="main"></frame> </frameset> </frameset> </html>

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值