iframe标签
Posted Mr_伍先生
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了iframe标签相关的知识，希望对你有一定的参考价值。
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
iframe代码示例：
<html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm" /> <frame src="frame_b.htm" /> <frame src="frame_c.htm" /> </frameset> </html>
iframe的一些注意事项：
1、frame不能脱离frameSet单独使用，iframe可以；
2、frame不能放在body中；如下可以正常显示：
<!--<body>-->
<frameset rows="50%,*">
<frame name="frame1" src="test1.htm"/>
<frame name="frame2" src="test2.htm"/>
</frameset>
<!--<body>-->
如下不能正常显示：
<body>
<frameset rows="50%,*">
<frame name="frame1" src="test1.htm"/>
<frame name="frame2" src="test2.htm"/>
</frameset>
<body>
3、嵌套在frameSet中的iframe必需放在body中；如下可以正常显示：
<body>
<frameset>
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
</frameset>
</body>
如下不能正常显示：
<!--<body>-->
<frameset>
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
</frameset>
<!--</body>-->
4、不嵌套在frameSet中的iframe可以随意使用；
如下均可以正常显示：
<body>
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
</body>
<!--<body>-->
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
<!--</body>-->
5、frame的高度只能通过frameSet控制；iframe可以自己控制，不能通过frameSet控制，如：
<!--<body>-->
<frameset rows="50%,*">
<frame name="frame1" src="test1.htm"/>
<frame name="frame2" src="test2.htm"/>
</frameset>
<!--</body>-->
<body>
<frameset>
<iframe height="30%" name="frame1" src="test1.htm"/>
<iframe height="100" name="frame2" src="test2.htm"/>
</frameset>
</body>
以上是关于iframe标签的主要内容，如果未能解决你的问题，请参考以下文章
当 URL 包含片段时，iframe 会导致父元素在 Google Chrome 上向上滚动
javascript 能否调用到iframe标签包含页面中的函数
帝国CMS下iframe标签无法引入视频，ueditor编辑器中html标签无法显示问题，设置ueditor默认行高为1.75