【iframe框架】13

iframe：框架标签

在当前页面内开启新窗口。

• scrolling：是否有滚动条，值为yes(有)/no(无)，默认为auto(需要的时候出现)
• frameBorder：是否有边框，值为正整数，默认为1，值为0时无边框
• src：打开的页面地址
• width/height：嵌套页面区域的宽高
• name：值可以作为atarget属性的值，使a的跳转方式为框架
• 优点：
  • 解决加载缓慢的第三方内容图标和广告等的加载问题；
  • 无刷新文件上传；跨域通信
• 缺点：
  • 会阻塞主页面的onload事件；
  • 无法被一些搜索引擎索引到；
  • 页面会增加服务器的http请求；
  • 会产生很多页面，不容易管理。

<iframe src="http://www.baidu.com" name="if1" ></iframe>

<iframe src="index.html" ></iframe>

<a href="http://www.taobao.com" target="if1">淘宝</a>
<!-- targer:新页面打开方式 -->

iframe{
    width: 400px;
    height: 400px;
    border: 5px solid black;
    /* scrolling 是否有滚动条 */
}