iframe标签

<iframe> ===> 文档中的文档，创建包含另外一个文档的内联框架 。

　　功能：能够原封不动的将嵌入页面显示，主要用于那些多个网页的共有部分，如页面的头部、底部、广告等，

　　　可以减少代码的重复率，减轻代码量。

　　基本语法：<iframe src="文件路径"></iframe>

　　　　　　src用于设置框架的地址，可以使页面地址，也可以是图片地址

　　优点：

　　1) 解决加载缓慢的第三方内容如图标和广告等的加载问题

　　2) iframe 无刷新文件上传

　　3) iframe 跨域通信

　　缺点：

　　1) iframe 会阻塞主页面的 Onload 事件

　　2) 无法被一些搜索引擎索引到，使用iframe会不利于搜索引擎优化。

　　3) 页面会增加服务器的 http 请求

　　4) 会产生很多页面，不容易管理。

　　框架个数多的话，可能出现上下、左右滚动条。

 

 隐藏滚动条：

　　用一个带有溢出元素的iframe包裹：隐藏，然后向html，body，iframe和包装器添加100％的高度。

　　用overflow:hidden;溢出隐藏

iframe {
　　border: none;
　　width: 100%; 
　　height: 100%;
　　overflow: hidden;

}

 

防止网页被别站用 iframe嵌套：

　　检查是否为最外层框架，是则说明页面并没有被嵌套在iframe中，不是则说明页面被嵌套在iframe中了。

<script language="javascript">
if(top != self){
    location.href = "about:blank";
}
</script>