框架和iframe的应用领域不同。
框架一般应用于首页的界面排版工作。把一个网页切割成多个页面管理。
iframe就是在一个网页中内嵌一个网页,为什么要嵌入那就要具体问题具体分析了。
有可能是为了界面排版,也有可能是显示数据... ...
frame文件一般只包含框架的布局信息,不会包含其他内容,所有的页面效果都是在各个frameset页面内显示。他们都从属于frame文件,彼此之间是独立的(平级的)
而iframe其实就是内嵌的框架,是在一个网页(经常是有内容的)内嵌套另外一个页面的内容用的,他们之间的关系是父子的关系
iframe的优点和缺点?
请大家进来讨论一下好吗
对了 与frame相比呢??
优缺点在哪?
IFrame 是 SEO 的大忌,需要更有效的利用 IFrame。
IFrame 优点:有利于下载缓慢的广告等第三方内容,安全沙箱,并行下载脚本
IFrame 缺点:即使为空也会有较大资源消耗,会阻止页面的onload,非语义
个人理解为: frame需要框架页和子页,在使用frame是,框架页只是定义框架的结构,不显示内容。 iframe只是在页面上内嵌一个子页。父页中可以包括内容。
优缺点在于frame对各个子页的功能区分比iframe中的子页的功能要明确很多,结构性好。 iframe不需要另外的页面来定义框架结构,灵活性高。 |
我基本同样楼上的说法。 IFRAME有个缺点是低版本的浏览器不支持,好像IE5.0就不行 |
<!-- google_ad_section_start -->
用DIV可以将网页分成若干的层,起到布局的作用。 但是用FRAME也可以在一个页面内创建不同的帧。看上去似乎也有布局的作用。
|
用DIV可以将网页分成若干的层,起到布局的作用。
但是用FRAME也可以在一个页面内创建不同的帧。看上去似乎也有布局的作用。
div是当前html页的固有元素,Iframe是外部html的调用,相当于内嵌。
div是用来组织结构的,IFrame是拿来引用外部HTML的,相当于服务器端的SSI,可以叫CSI,呵呵。
分享到:
相关推荐
多个iframe,显示其中一个frame中的div,并处于最上层显示 并且页面中的填写的值,可以传到弹出的div页面中 最近一段时间在做这个东西,给大家分享一下 附带测试代码 js弹出div层
给大家介绍了div被iframe遮住的一些情况,以及被遮住后的解决办法,有需要的朋友们可以参考借鉴。
多个iframe,其中一个frame中的隐藏div能够在最上层显示,不会挡着这个div
入门级前端页面布局,iframe的一些自带属性比较有局限性,如果换成DIV去代替,可以灵活延伸改良用户体验
这是一个解决fixed在iframe中失效的解决案例,只要把文件放到编辑器中打开即可看到效果
前辈的成果,显示所需要的页面,第一个页面隐藏
div 通用弹窗 一个朋友提供的div 通用弹窗 一个朋友提供的
React框架 在iframe中对组件进行React以实现独立CSS样式安装npm install react-frame --saveyarn add react-frame演示版用法< Frame styleSheets = { [ 'frame1.css' ] } css = { 'body{background-color:#eee;}'...
比如这样,右侧div中使用了一个iframe组件,导致实际操作中出现两个问题,一个是拖不动,另外一个是无法根据鼠标移动,快速响应,甚至在监听鼠标的按下和松开事件上都有明显的卡顿问题。如果去除右侧iframe框架,则...
服务器端生成 <% if ….....response.write “<iframe name=frame1 src=xxx.html width=0 height=0>...<div id=div1></div> [removed] if …. then str=”<iframe name=frame1 src=xxx.html width=0 he
可以看出 document.frames(“frame_id”)是用来从父页面中获取iframe的id的,而后面的document.action同一般的脚本对页面元素操作一样,具体举个例子来说明一下,其中父页面引用iframe部分如下: 代码如下: <div id=...
由于现在frame和frameset很少使用,已经过时了,已经被div+CSS代替了,所以,这里只是举例说明一下,当下还在使用的内联框架iFrame 所谓的iFrame内联框架,我的理解就是在网页内部嵌套一个网页,并且可以一级一级地...
<iframe id="iframeTree" name="content_frame" width=100% height=100% src="../orgReport/tree.html" frameborder=0 scrolling=NO> </iframe> </div> </div> </div> ...
想分页的地方添加: <div class="PageNext"></div> 就可以了。4.打印页面的特定部分我是通过将需要打印的特定部分另建一个页面,然后装入主页面的一个IFrame中,再调用IFrame的打印方法,只打印IFrame中的内容实现...
倘若iframe的内容足够长超出了iframe设定的高度时,在ipad等设备上。iframe内部html的滚动条不出现。并且活生生的从500px处截断,(类似overflow:hidden的效果)下面的内容不再显示。 问题重现: 结构: ...
先贴下index.html和iframe引入的a.html内容。 index-> <div class=d1> <iframe src=a.html frameborder=0 name=one id=iframeId></iframe> </div> a.html <div id=dd> <h1>iframe里的元素! </div> ...
假设主页面有一个div,里面放置一个iframe 代码如下:<div id=”frameBox”> <iframe id=”frameWin” src=”1.html” name=”opWin” style=”width:100%; height:100% ” frameborder=”0″ scrolling=”no”>...
大家应该可以举出几种常用的异步文件上传功能的实现方式,使用频率较多的有原生ajax和iframe框架,实现图片文件上传,下面就为大家分享图片文件上传的两种方式:原生ajax和iframe框架,供大家参考,具体内容如下 ...
本文实例讲述了js检测iframe是否加载完成的方法。分享给大家供大家参考,具体如下: 这里是继上一篇《js实现iframe框架取值的方法(兼容IE,firefox,chrome等)》的扩展应用: 应用场景:iframe个人感觉最... <div> <
想分页的地方添加: <div class="PageNext"></div> 就可以了。 4.打印页面的特定部分 通过将需要打印的特定部分另建一个页面,然后装入主页面的一个IFrame中,再调用IFrame的打印方法,只打印IFrame中的内容...