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. Java笔记(二十一)……String与StringBuffer

    String类 String类是一个特殊的类,叫做只读类,一旦创建了对象,便不可被改变,同样"abc"既为一个常量,也为一个对象,也是不可以改变的 String s1 = &quo ...

  2. Android 画直线并实现拖动

    自定义View,在onDraw()方法中绘制一条直线,在onTouch()方法中监听手指的移动. public class AroundDragView extends View implements ...

  3. android onTouch()与onTouchEvent()的区别

    1.onTouch方法: onTouch方法是View的 OnTouchListener借口中定义的方法.当一个View绑定了OnTouchLister后,当有touch事件触发时,就会调用onTou ...

  4. 安装PHP出现make: *** [sapi/cli/php] Error 1 解决办法

    ext/iconv/.libs/iconv.o: In function `php_iconv_stream_filter_ctor':/home/king/php-5.2.13/ext/iconv/ ...

  5. Linux 常见文件打包压缩命令

    .tar 解包: tar xvf FileName.tar 打包:tar cvf FileName.tar DirName (注:tar是打包,不是压缩!)       参数说明:         - ...

  6. EGOImageView的使用方法及注意事项

    1.下载EGOImageView及其相关的类库 EGOImageLoading 将EGOCache.EGOImageButton.EGOImageView.EGOImageLoader全部添加到工程下 ...

  7. Fast特征检测

    一.Fast算法 1.基本原理 Fast特征点检测feature2D原理是在圆周上按顺时针方向从1到16的顺序对圆周像素点进行编号.如果在圆周上有N个连续的像素的亮度都比圆心像素的亮度Ip加上阈值t还 ...

  8. 【面试虐菜】—— Oracle中CHAR、VARCHAR的区别

    1.CHAR. CHAR存储定长数据很方便,CHAR字段上的索引效率级高,比如定义char(10),那么不论你存储的数据是否达到了10个字节,都要占去10个字节的空间,不足的自动用空格填充,所以在读取 ...

  9. bug,不该怕~敢敢test就是了

    转载自:http://bbs.itcast.cn/thread-10103-1-1.html 当程序员的经历让我知道了一些关于软件编程的事情.下面的这些事情可能会让朋友们对软件开发感到惊讶: 一个程序 ...

  10. redis-BOOK

    https://www.gitbook.com/book/gnuhpc/redis-all-about/details