1.准备3个文件

main.html:

<html>

    <head>

        <title>框架</title>

    </head>

    <frameset cols="260,*" frameborder="1px">

        <frame name="left" src="left.html">

        <frame name+"right" src="right.html">

    </frameset>

</html>

left.html:

<html>

    <body>

        ,<h2>菜单栏</h2>

        <P>新增</p>

        <P>查询</p>

        <P>修改</p>

        <P>删除</p>

    </body>

</html>

right.html:

<html>

    <body>

        <h2>主页面</h2>

        <p>欢迎来到我的主页</p>

    </body>

</html>

2.把3个文件放到相同目录下

用firefox打开main.html

下面分成3块显示

main.html:

<html>

    <head>

        <title>框架</title>

    </head>

    <frameset rows="150,*" frameborder="1">

        <frame name="top" src="top.html"></frame>

        <frameset cols="200,*"  frameborder="1">

            <frame name="left" src="left.html"></frame>

            <frame name="right" src="right.html"></frame>

        </frameset>

    </frameset>

</html>

left.html:

<html>

    <body>

        <h2>菜单</h2>

        <p><a href="add.html" target="right">增加</a></p>

        <p><a href="sel.html" target="right">查询</a></p>

        <p><a href="upd.html" target="right">修改</a></p>

        <p><a href="del.html" target="right">删除</a></p>

    </body>

</html>

right.html:

<html>

    <body>

        <h2>主页</h2>

        <p>欢迎来到我的主页</p>

    </body>

</html>

top.html:

<html>

    <body>

        <h2>张三</h2>

        <p>新人</p>

    </body>

</html>

add.html

<html>

    <body>

        <h2>add</h2>

        <p>新增页面</p>

    </body>

</html>

同样写出sel.html,upd.html,del.html

结果如图：

点击新增后显示：

ifame:

<html>

<head>

    <title>我的iframe</title>

</head>

<body>

页面

<iframe src="main.html" width="500px" height="400px" scrolling="yes" frameborder="1"></iframe>

</body>

</html>

显示：

frame 第三节的更多相关文章

  1. centos LB负载均衡集群 三种模式区别 LVS/NAT 配置 LVS/DR 配置 LVS/DR + keepalived配置 nginx ip_hash 实现长连接 LVS是四层LB 注意down掉网卡的方法 nginx效率没有LVS高 ipvsadm命令集 测试LVS方法 第三十三节课

    centos   LB负载均衡集群 三种模式区别 LVS/NAT 配置  LVS/DR 配置  LVS/DR + keepalived配置  nginx ip_hash 实现长连接  LVS是四层LB ...

  2. android内部培训视频_第三节(3)_常用控件(ViewPager、日期时间相关、ListView)

    第三节(2):常用控件之ViewPager.日期时间相关.ListView  一.ViewPager 实例:结合PagerAdapter滑动切换图片  二.日期时间相关:AnalogClock\Dig ...

  3. Android动画效果之Frame Animation（逐帧动画）

    前言: 上一篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画),今天来总结下Android的另外一种动画Frame ...

  4. 3.JAVA之GUI编程Frame窗口

    创建图形化界面思路: 1.创建frame窗体: 2.对窗体进行基本设置: 比如大小.位置.布局 3.定义组件: 4.将组件通过add方法添加到窗体中: 5.让窗体显示,通过setVisible(tur ...

  5. iOS：frame访问、设置简化

    看到一些程序都有这种写法,也不知道原创者是谁了.先在博客保存下. 在.m文件 #import "UIView+MyFrameCategory.h" @implementation ...

  6. IOS 杂笔－12（类别de巧用 有便于Frame的操作）

    在实际开发中很多时候我们都为了控件frame的操作焦头烂额. 例如:我们只想要获取view的width. 我们可以这么操作:view.frame.size.width 有时我们想要改变view的wid ...

  7. 如何给frame标签的src属性以及a标签的href属性自动设值

    <frame src="" id="main" name="main" marginwidth="0" margi ...

  8. frame和bounds

    - frame 是一个以**父视图**为坐标系的位置- bounds 是一个以**自身**为坐标系的位置- 如果改变了bounds 那么会影响子控件的显示位置

  9. 使用Java的Frame类编写的QQ登录界面

    public static void main(String[] args) { Frame f = new Frame(); //关闭窗体 f.addWindowListener(new Windo ...

随机推荐

  1. 决策树及其python实现

    剪枝 由于悲观错误剪枝 PEP (Pessimistic Error Pruning).代价-复杂度剪枝 CCP (Cost-Complexity Pruning).基于错误剪枝 EBP (Error ...

  2. EGit插件安装（附Eclipse版本对应表）

    最近eclipse添加egit插件,通过网上的方法下载安装后不显示git选项.通过官网了解到egit的版本对应相应的eclipse版本. 如果你安装了最新版本,需要先卸载重启eclipse后重新安装兼 ...

  3. centos git版本服务器配置

    在服务器上安装git及做些操作 - 执行命令 ` sudo yum install curl-devel expat-devel gettext-devel openssl-devel zlib-de ...

  4. 部署ActiveMQ的Share File System Master-Slave

    之前在项目里用MQ是用单节点,因为业务量不大没有主从.这样风险很大,会有单点问题.新项目起来了,需要一个高可用的MQ,故研究了下AMQ的几种master-slave方式: 1.Pure Master- ...

  5. css3随笔

    1 rgba和opacity的区别 RGBA即红色R+绿色G+蓝色B+通道Alpha 语法: R:红色值.正整数 | 百分数 G:绿色值.正整数 | 百分数 B:蓝色值.正整数| 百分数 A:透明度. ...

  6. spring boot配置写法

    转自:http://blog.csdn.net/mickjoust/article/details/51646658 每日金句 你要搞清楚自己人生的剧本:不是你父母的续集,不是你子女的前传,更不是你朋 ...

  7. Filter案例

    1.有选择的被访问 描述:首先若用户没有在页面提交注册(直接访问list.jsp),就只能被允许访问a.jsp.其他页面均不被允许访问 在login.jsp提交信息之后,可以在b.jsp访问, 代码如 ...

  8. [转载](iPhone开发)Bundle Display Name 改为中文。ap

    原文地址:(iPhone开发)Bundle Display Name 改为中文.app显示为中文作者:小新 要先在info的Localizations加入Chinese(zh-Hant) 再進到inf ...

  9. python的memcache使用如果对key设置了一个int型

    如果对key设置了int型,会出现不可预知的错误,这个问题纠结了我好久,最终还是加了个str(),切忌切忌

  10. Ajax之旅（一）--什么是Ajax

    本来在学习DRP,但是无意中发现所附资料中有一些參考书籍,当中就有一个关于Ajax的,看了看,挺好的,于是决定暂停一下DRP,再次学习一下Ajax.记得第一遍学习Ajax的时候认为真的是一团雾水,看了 ...