iframe嵌套其它网站页面 全屏设置

背景：

今天在使用iframe时，发现嵌套页面中有个【全屏】功能，不好使，查了一下，发现iframe还有1个属性allowfullscreen设置，可以设置是否支持全屏，默认是false，现在把iframe的基础属性整理一下。

iframe基本属性

通常我们使用iframe主要设置 src,宽、高，是否滚动，其实有一些不常用的属性

<iframe src="https://www.baidu.com" frameborder="0" width="80%" height="500px"></iframe>

iframe常用属性:

1.frameborder:是否显示边框，1(yes),0(no)
2.height:框架作为一个普通元素的高度，建议在使用css设置。
3.width:框架作为一个普通元素的宽度，建议使用css设置。
4.name:框架的名称，window.frames[name]时专用的属性。
5.scrolling:框架的是否滚动。yes,no,auto。
6.src：内框架的地址，可以使页面地址，也可以是图片的地址。

其他装饰属性：

• allowtransparency：true or false，是否允许iframe设置为透明，默认为false
• allowfullscreen：true or false，是否允许iframe全屏，默认为false

• <iframe id="ifrm"  width="80%" height="600px"
   frameborder="0" src="target.html" marginwidth="0" marginheight="0" vspace="0" 
   hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true">
  </iframe>
  

  设置了allowfullscreen=“true”，iframe就可以支持全屏了