frame 第三节

时间:2022-11-13 09:42:51

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

frame 第三节

下面分成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

结果如图:

frame 第三节

点击新增后显示:

frame 第三节

ifame:

<html>
<head>
<title>我的iframe</title>
</head>
<body>
页面
<iframe src="main.html" width="500px" height="400px" scrolling="yes" frameborder="1"></iframe>
</body>
</html>

显示:

frame 第三节

frame 第三节的更多相关文章

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

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

  2. android内部培训视频&lowbar;第三节&lpar;3&rpar;&lowbar;常用控件&lpar;ViewPager、日期时间相关、ListView&rpar;

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

  3. Android动画效果之Frame Animation(逐帧动画)

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

  4. 3&period;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. 07&period; Web大前端时代之:HTML5&plus;CSS3入门系列~H5 地理位置

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 源码:https://github.com/duniti ...

  2. 如何利用谷歌浏览器快速的通过方法名来确定多个js文件中的某一具体文件;

  3. nginx&colon;413 Request Entity Too Large 及 修改 PHP上传文件大小配置

    开发环境:CentOS + Nginx + PHP + MySql + phpMyAdmin 在用 phpMyAdmin 进行 sql 数据库导入的时候,经常需要上传比较大的 sql 数据文件,而这时 ...

  4. &lpar;String&rpar; &vert; String&period;valueOf&lpar;&rpar;

    Map m = new HashMap(); Integer i = 5; String s = null; m.put("val1", i); m.put("val2& ...

  5. tyvj P1864 &lbrack;Poetize I&rsqb;守卫者的挑战(DP&plus;概率)

    P1864 [Poetize I]守卫者的挑战 时间: 1000ms / 空间: 131072KiB / Java类名: Main 描述 打开了黑魔法师Vani的大门,队员们在迷宫般的路上漫无目的地搜 ...

  6. 【微信H5支付】微信公众号里H5网页点击调取微信支付

    最近在公众号里开发了下单支付H5网页,需要在H5里调用微信支付界面.开发思路和代码整理如下: todo...

  7. Linux服务器杀马(转)

    开篇前言 Linux服务器一直给我们的印象是安全.稳定.可靠,性能卓越.由于一来Linux本身的安全机制,Linux上的病毒.木马较少,二则由于宣称Linux是最安全的操作系统,导致很多人对Linux ...

  8. Tomcat中Context的配置

    Tomcat直接ip地址访问不用加端口和项目名 当我们开发完一个WEB项目 然后部署到tomcat下,正常情况下应该是这样访问:http://localhost:端口号/项目名 如果我们想让用户仅仅输 ...

  9. CSV的简单用法

    读文件 import csv with open('test.csv','rb') as myFile: lines=csv.reader(myFile) for line in lines: pri ...

  10. shell反弹总结

    NC反弹 常用的命令: -l   监听模式 -n 指定数字的IP地址 -p   port(本地端口) -s addr 本地源地址 -v 详细输出 -i secs 延时的间隔 -e  filename  ...