iframe标签使用

使用场景：

一般的调用子功能在特定的布局内去跳转页面则可以用iframe来请求直接获取子功能页面

iframe标签的作用：

iframe标签可以实现html主页面嵌套html子页面，子页面可以是一个功能页面，在某些时候使用iframe非常的方便

# 所以如果是模板渲染方式的，前端就可以使用iframe标签节省一点网络带宽(传输的内容会少一些，并且主页面不会刷新，只是iframe在请求得到新的资源)。

 <!--
            height：用来定义iframe标签的高度。属性默认以像素为单位, 也可以指定其按比例显示 (如："80%")。 
            width：用来定义iframe标签的宽度。属性默认以像素为单位, 也可以指定其按比例显示 (如："80%")。
            frameborder：用于定义iframe表示是否显示边框。设置属性值为 "0"，则移除iframe的边框。设置属性值为 "1"，则显示iframe的边框。
            name：用来定义iframe标签的名称。
            align：用来定义iframe元素相对于周围元素的对齐方式，值包括left|right|middle|top|bottom。
            sandbox：用来对iframe元素的内容定义一系列额外的限制，值包括""|allow-forms|allow-same-origin|allow-scripts|allow-top-navigation，
                    其中""表示启用所有限制条件。如果指定多个，需用空格分隔，例：sandbox="allow-same-origin allow-scripts"。
            scrolling：规定是否在iframe中显示滚动条，值包括：yes|no|auto。
            src：规定在iframe中显示的文档的URL。
            srcdoc：规定页面中的HTML内容显示在iframe中。
        -->
        <!-- 可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对不支持 <iframe> 的浏览器。 -->
        <!-- iframe元素是内联元素（不会在页面上插入新行），这意味着文本和其他元素可以围绕在其周围。 -->

  <iframe src="//www.baidu.com" width="500" height="200" align="left" scrolling="no"  name="a_frame">
           
        </iframe>


  <!-- 
            iframe可以显示一个目标链接的页面，但是目标链接的target属性必须使用iframe的name属性值。
        -->
        <a href="img.html" target="a_frame">链接</a>

iframe标签所在的页面的其他布局js方法：

window.dicument.getElementById("ifanme的id值").src = "跳转的链接" 。