`

iframe 和 frame的区别,div和frame的区别

 
阅读更多

框架和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,并处于最上层显示

    多个iframe,显示其中一个frame中的div,并处于最上层显示 并且页面中的填写的值,可以传到弹出的div页面中 最近一段时间在做这个东西,给大家分享一下 附带测试代码 js弹出div层

    div被iframe遮住的几种情况及解决方法

    给大家介绍了div被iframe遮住的一些情况,以及被遮住后的解决办法,有需要的朋友们可以参考借鉴。

    多个iframe,其中一个的div能够处于最上层显示

    多个iframe,其中一个frame中的隐藏div能够在最上层显示,不会挡着这个div

    div+js模拟iframe实现左右框架.rar

    入门级前端页面布局,iframe的一些自带属性比较有局限性,如果换成DIV去代替,可以灵活延伸改良用户体验

    解决iframe中fixed失效的问题

    这是一个解决fixed在iframe中失效的解决案例,只要把文件放到编辑器中打开即可看到效果

    div覆盖 iframe

    前辈的成果,显示所需要的页面,第一个页面隐藏

    div 通用弹窗 一个朋友提供的

    div 通用弹窗 一个朋友提供的div 通用弹窗 一个朋友提供的

    react-frame:在iframe中对组件进行React以实现独立CSS样式

    React框架 在iframe中对组件进行React以实现独立CSS样式安装npm install react-frame --saveyarn add react-frame演示版用法&lt; Frame styleSheets = { [ 'frame1.css' ] } css = { 'body{background-color:#eee;}'...

    vue中解决拖拽改变存在iframe的div大小时卡顿问题

    比如这样,右侧div中使用了一个iframe组件,导致实际操作中出现两个问题,一个是拖不动,另外一个是无法根据鼠标移动,快速响应,甚至在监听鼠标的按下和松开事件上都有明显的卡顿问题。如果去除右侧iframe框架,则...

    动态加载iframe

    服务器端生成 &lt;&#37; if ….....response.write “&lt;iframe name=frame1 src=xxx.html width=0 height=0&gt;...&lt;div id=div1&gt;&lt;/div&gt; [removed] if …. then str=”&lt;iframe name=frame1 src=xxx.html width=0 he

    从父页面读取和操作iframe中内容方法

    可以看出 document.frames(“frame_id”)是用来从父页面中获取iframe的id的,而后面的document.action同一般的脚本对页面元素操作一样,具体举个例子来说明一下,其中父页面引用iframe部分如下: 代码如下: &lt;div id=...

    深入剖析HTML5 内联框架iFrame

    由于现在frame和frameset很少使用,已经过时了,已经被div+CSS代替了,所以,这里只是举例说明一下,当下还在使用的内联框架iFrame 所谓的iFrame内联框架,我的理解就是在网页内部嵌套一个网页,并且可以一级一级地...

    js折叠效果 folding.js

    &lt;iframe id="iframeTree" name="content_frame" width=100% height=100% src="../orgReport/tree.html" frameborder=0 scrolling=NO&gt; &lt;/iframe&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; ...

    利用WebBrowser彻底解决Web打印问题(包括后台打印)

    想分页的地方添加: &lt;div class="PageNext"&gt;&lt;/div&gt; 就可以了。4.打印页面的特定部分我是通过将需要打印的特定部分另建一个页面,然后装入主页面的一个IFrame中,再调用IFrame的打印方法,只打印IFrame中的内容实现...

    IOS上iframe的滚动条失效的解决办法

    倘若iframe的内容足够长超出了iframe设定的高度时,在ipad等设备上。iframe内部html的滚动条不出现。并且活生生的从500px处截断,(类似overflow:hidden的效果)下面的内容不再显示。  问题重现: 结构:  ...

    JS未跨域操作iframe里的DOM

    先贴下index.html和iframe引入的a.html内容。 index-&gt; &lt;div class=d1&gt; &lt;iframe src=a.html frameborder=0 name=one id=iframeId&gt;&lt;/iframe&gt; &lt;/div&gt; a.html &lt;div id=dd&gt; &lt;h1&gt;iframe里的元素! &lt;/div&gt; ...

    javascript 装载iframe子页面,自适应高度

    假设主页面有一个div,里面放置一个iframe 代码如下:&lt;div id=”frameBox”&gt; &lt;iframe id=”frameWin” src=”1.html” name=”opWin” style=”width:100%; height:100% ” frameborder=”0″ scrolling=”no”&gt...

    原生ajax和iframe框架实现图片文件上传的两种方式

    大家应该可以举出几种常用的异步文件上传功能的实现方式,使用频率较多的有原生ajax和iframe框架,实现图片文件上传,下面就为大家分享图片文件上传的两种方式:原生ajax和iframe框架,供大家参考,具体内容如下 ...

    js检测iframe是否加载完成的方法

    本文实例讲述了js检测iframe是否加载完成的方法。分享给大家供大家参考,具体如下: 这里是继上一篇《js实现iframe框架取值的方法(兼容IE,firefox,chrome等)》的扩展应用: 应用场景:iframe个人感觉最... &lt;div&gt; &lt;

    jsp页面如何实现web打印

    想分页的地方添加: &lt;div class="PageNext"&gt;&lt;/div&gt; 就可以了。 4.打印页面的特定部分 通过将需要打印的特定部分另建一个页面,然后装入主页面的一个IFrame中,再调用IFrame的打印方法,只打印IFrame中的内容...

Global site tag (gtag.js) - Google Analytics