iframe页面的"内嵌框架"

iframe 在实际项目中是非常常见的
作用:在当前页面中 可以通过 iframe 来查看另一个页面;

   <ul>
        <li>  <a href="cctv1.html" target="ifr">TV1</a></li>
        <li>  <a href="cctv2.html" target="ifr">TV2</a></li>
        <li>  <a href="cctv3.html" target="ifr">TV3</a></li>
    </ul>
   
    <div>
        <iframe src="cctv2.html" name="ifr" frameborder="0"></iframe>
    </div>

操作:
1. 通过iframe的src=“指定的页面.html”,显示指定页面内容
2.通过超链接 操作 iframe
iframe必须设置name=“iframe名字”
a标签

包含iframe的页面可以叫"父页面";
在iframe里面的页面可以叫做’'子页面;
在子页面中访问父页面:
1.在子页面中 通过window.parent 可以获取父页面window对象
2.可以通过window.parent访问父页面上的全部成员
3.页面层级多,可以直接用window.top访问iframe最顶层页面