iframe 属性有哪些值？如何防止iframe嵌套

作者/来源：新睿云发布时间：2019-11-12

iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站的内容，为了更好的效果，可能需要使iframe透明效果，那么就需要了解更多的iframe属性。

iframe 定义和用法
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

您可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对无法理解 iframe 的浏览器。

iframe标签是成对出现的,以<iframe>开始,</iframe>结束

iframe标签内的内容可以做为浏览器不支持iframe标签时显示

iframe 属性

iframe属性

属性	值	描述	DTD
align	left right top middle bottom	不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。	TF
frameborder	1 0	规定是否显示框架周围的边框。	TF
height	pixels %	规定 iframe 的高度。	TF
longdesc	URL	规定一个页面，该页面包含了有关 iframe 的较长描述。	TF
marginheight	pixels	定义 iframe 的顶部和底部的边距。	TF
marginwidth	pixels	定义 iframe 的左侧和右侧的边距。	TF
name	frame_name	规定 iframe 的名称。	TF
scrolling	yes no auto	规定是否在 iframe 中显示滚动条。	TF
src	URL	规定在 iframe 中显示的文档的 URL。	TF
width	pixels %	定义 iframe 的宽度。	TF

防止iframe嵌套

很多人做的网站、博客会被别人用嵌套成为别人的网站，而浏览器可能还会收录这些盗用者的页面，结果自己做的网站反而让别人增加了排名，这是无法接受的。

那么如何防止网页被别人的iframe嵌套，防止别人低成本地镜像自己的网站呢？最简单的方法，是使用js在做个前端处理：

原理就是判断 window.top 是不是 window.self，如果不是则说明被嵌套了，强制把自己的location替换到top去，实现反嵌套。核心语句是这个

if(window.top != window.self)window.top.location = window.self.location;