iframe和frame的区别是什么？iframe和frame的区别总结

134 阅读 0 评论 89 点赞

我是靠谱客的博主谦让世界，这篇文章主要介绍iframe和frame的区别是什么？iframe和frame的区别总结，现在分享给大家，希望可以做个参考。

本篇文章给大家带来的内容是关于iframe和frame的区别是什么？iframe和frame的区别总结，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。【推荐阅读：Html5教程】

iframe有那些缺点？

iframe会阻塞主页面的Onload事件

搜索引擎的检索程序无法解读这种页面，不利于SEO

iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载

使用iframe之前需要考虑这两个缺点。如果需要使用iframe，最好是通过javascript动态给iframe添加src属性值，这样可以绕开以上两个问题

iframe和frame的区别

frame不能脱离frameSet单独使用，iframe可以；

frame不能放在body中；

下面代码可以正常显示

复制代码<!--<body>-->
<frameset rows="50%,*">
<frame   name="frame"   src="test.html"></frame>
</frameset>
<!--<body>-->1
2
3
4
5
<!--<body>-->
<frameset rows="50%,*">
<frame   name="frame"   src="test.html"/>
</frameset>
<!--<body>-->
登录后复制

如下代码则不可以正常显示

复制代码<body>
<frameset rows="50%,*">
<frame  name="frame"   src="test.html"></frame>
</frameset>
<body>1
2
3
4
5
<body>
<frameset rows="50%,*">
<frame  name="frame"   src="test.html"/>
</frameset>
<body>
登录后复制

嵌套在frameSet中的iframe必需放在body中；

复制代码<body>
<frameset>
<iframe   name="frame"   src="test.html"></iframe>
</frameset>
</body>1
2
3
4
5
<body>
<frameset>
<iframe   name="frame"   src="test.html"/>
</frameset>
</body>
登录后复制

如下不能正常显示：

复制代码<!--<body>-->
<frameset>
<iframe   name="frame1"   src="test.html"></iframe>
</frameset>
<!--</body>-->1
2
3
4
5
<!--<body>-->
<frameset>
<iframe   name="frame1"   src="test.html"/>
</frameset>
<!--</body>-->
登录后复制

不嵌套在frameSet中的iframe可以随意使用；

复制代码<body>
<iframe   name="frame"   src="test.html"></iframe>
</body>
<!--<body>-->
<iframe   name="frame"   src="test.html"></iframe> s
<!--</body>-->1
2
3
4
5
6
<body>
<iframe   name="frame"   src="test.html"/>
</body>
<!--<body>-->
<iframe   name="frame"   src="test.html"/> s
<!--</body>-->
登录后复制

frame的高度只能通过frameSet控制；iframe可以自己控制，不能通过frameSet控制

如果在同一个页面使用了两个以上的iframe，在IE中可以正常显示，在firefox中只能显示出第一个；使用两个以上的frame在IE和firefox中均可正常。

以上就是iframe和frame的区别是什么？iframe和frame的区别总结的详细内容，更多请关注靠谱客其它相关文章！