新睿云

> 知识库 > iframe 属性有哪些值?如何防止iframe嵌套

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

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

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


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

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

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

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

相关推荐文章《虚拟化技术是什么?CPU,网络以及服务器虚拟化


iframe 属性


iframe属性

属性描述DTD
align
  • left

  • right

  • top

  • middle

  • bottom

不赞成使用。请使用样式代替。

规定如何根据周围的元素来对齐此框架。

TF
frameborder
  • 1

  • 0

规定是否显示框架周围的边框。TF
height
  • pixels

  • %

规定 iframe 的高度。TF
longdescURL规定一个页面,该页面包含了有关 iframe 的较长描述。TF
marginheightpixels定义 iframe 的顶部和底部的边距。TF
marginwidthpixels定义 iframe 的左侧和右侧的边距。TF
nameframe_name规定 iframe 的名称。TF
scrolling
  • yes

  • no

  • auto

规定是否在 iframe 中显示滚动条。TF
srcURL规定在 iframe 中显示的文档的 URL。TF
width
  • pixels

  • %

定义 iframe 的宽度。TF

推荐相关应用:云硬盘   云硬盘备份


防止iframe嵌套

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


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

<script type="text/javascript"> window.onload=function(){ if(window.top != window.self)window.top.location = window.self.location; } </script>

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

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

热门标签
免费领云产品
联系客服
在线客服   
反馈意见
返回顶部
{{item.description}}

—您的烦恼我们已经收到—

我们会将处理结果发送至您的手机

请耐心等待