HTML iframe和frameset的区别_动力节点Java学院整理
|
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=http://www.jb51.net/web/1.1-ShowHtml.htm ></iframe> </body>
注意事项 在 "<iframe>我是内容</iframe>" 内添加内容时，在展示页面不会显示添加的内容。所以还是使用src属性指定一个页面吧。 应用场景 1) 版本升级页面，版本日志过多，可以把升级的信息放到一个iframe里。 2) 富文本编辑框，如博客园的【新建随笔】区域。 <frameset> 标签 frameset定义一个框架集，包含多个框架，每个框架都有独立的文档。 格式 <frameset > <frame src=http://www.jb51.net/web/a.htm /> <frame src=http://www.jb51.net/web/b.htm /> <noframes></noframes> </frameset> 子项说明 <framesrc=http://www.jb51.net/web/a.htm /> ：子框架 <noframes></noframes>：浏览器不支持此框架的时，显示的内容。 属性 frameset属性： rows：表示子框架按行的样式布局（
frame属性： src：指向一个资源(如页面、图片等)的URI； name：指定框架的名称，以便进行框架间的操作。 示例 <html xmlns=""> <head> <title>frameset 演示</title> </head> <frameset rows="30%,*" noresize="noresize"> <frame src=http://www.jb51.net/web/DateGrid.htm name="frm1" /> <frame src=http://www.jb51.net/web/Dialog.htm name="frm2"/> <noframes></noframes> </frameset> </html> 注意事项 使用frameset标签时，注意要去掉外层的<body></body>标签。 子框架间的操作 参照示例代码，frm1更改frm2的子集指向的页面：window.parent.frames["frm2"].location.href = 'http://www.jb51.net/web/b.htm' 应用场景 1) 后台页面的管理，左边显示 菜单，右边框架 显示详细页面。 2) 功能菜单页面，如bbs.csdn.net 小知识 浏览页面中的框架时，在框架页面内 点击右键，会多出框架的信息。 以chrome为例：
（编辑：晋中站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
