iframe标签是成对出现的,以<iframe>开始,</iframe>结束

iframe标签内的内容可以做为浏览器不支持iframe标签时显示

上代码：

1、index.html
<body>
    <p>顶级窗体top</p>
    <iframe src="second.html" width="100%" height="500">
        您的浏览器不支持iframe，请升级
    </iframe>
</body>

2、second.html
<body>
    <p>second</p>
    <a href="green.html" target="_parent">click me</a>
    <iframe src="third.html" width="100%" height="500">
        您的浏览器不支持iframe，请升级
    </iframe>
</body>

3、third.html
<body>
      <p>third</p>
      <a href="green.html" target="_parent">click me</a>
</body>

效果图如下：

 

注意到我在second.html和third.html中加入超链接，并设置了target属性，这里继续记录target的事情

 

target属性指明在何处打开连接的文件
有 4 个保留的目标名称用作特殊的文档重定向操作：

_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。

_self
这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用。

_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。

_top
这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

 上面四个值中，_blank和_self清晰明了，_parent和_top正好和上面iframe(不要用frameset来理解_parent和_top)的例子结合起来也就容易理解啦。

1、当second.html、third.html中的target属性都为_parent时，点击third.html中的链接，效果如下：

点击second.html中的链接，效果如下：

 

2、当second.html、third.html中的target属性都为_top时，点击third.html和second.html中的链接，效果相同，如下：