在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
简介 1.<iframe> 标签:iframe 是个内联框架,是在页面里生成个内部框架。 2.<frameset> 标签:frameset定义一个框架集,包含多个子框架,每个框架都有独立的文档。 <iframe> 标签 iframe 是个内联框架,是在页面里生成个内部框架。 <iframe></iframe> 属性 frameborder{int}:是否显示框架的边框; src{URL}:指定一个资源(如网页、图片)的uri; scrolling{boolean}:是否显示框架的滚动条; width{int}:定义iframe的宽度; height{int}:定义iframe的高度; 示例 <body> <h3>HTML标签演示</h3> <iframe src=1.1-ShowHtml.htm ></iframe> </body> 注意事项 在 "<iframe>我是内容</iframe>" 内添加内容时,在展示页面不会显示添加的内容。所以还是使用src属性指定一个页面吧。 应用场景 1) 版本升级页面,版本日志过多,可以把升级的信息放到一个iframe里。 2) 富文本编辑框,如博客园的【新建随笔】区域。 <frameset> 标签 frameset定义一个框架集,包含多个框架,每个框架都有独立的文档。 格式 <frameset > <frame src=a.htm /> <frame src=b.htm /> <noframes></noframes> </frameset> 子项说明 <framesrc=a.htm /> :子框架 <noframes></noframes>:浏览器不支持此框架的时,显示的内容。 属性 frameset属性: rows:表示子框架按行的样式布局()。以2个子框架为例:rows="30%,*" ,表示第一个框架占整个页面30%的高度,第二个占剩下的; cols:表示子框架按列的样式布局()。以2个子框架为例:cols="30%,*" ,表示第一个框架占整个页面30%的长度,第二个占剩下的; noresize="noresize" :表示不调整子框架的范围。 frame属性: src:指向一个资源(如页面、图片等)的URI; name:指定框架的名称,以便进行框架间的操作。 示例 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>frameset 演示</title> </head> <frameset rows="30%,*" noresize="noresize"> <frame src=DateGrid.htm name="frm1" /> <frame src=Dialog.htm name="frm2"/> <noframes></noframes> </frameset> </html> 注意事项 使用frameset标签时,注意要去掉外层的<body></body>标签。 子框架间的操作 参照示例代码,frm1更改frm2的子集指向的页面: 应用场景 1) 后台页面的管理,左边显示 菜单,右边框架 显示详细页面。 2) 功能菜单页面,如bbs.csdn.net 小知识 浏览页面中的框架时,在框架页面内 点击右键,会多出框架的信息。 以chrome为例: |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论