iframe标签与a标签的使用

iframe定义及用法（使用iframe页面会很卡不建议使用）

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）

image.png

image.png

iframe默认高度为50px，宽度为100px；宽度和高度可以在直接在css里面设置。
frameborder="0"去除边框，src可以写相对路径。

a标签的使用

image.png

iframe标签与a标签的结合使用

1、target="_parent"（父级打开）的使用：

在index页面使用iframe打开index2页面

image.png

index2页面代码

image.png

在index页面打开index2打开页面效果

image.png

点击a标签"parent QQ"是在index2的父级页面index的页面打开

2、target="_top"（在顶级窗口打开）的使用：

index使用iframe打开index2页面，index2页面使用iframe打开index3页面

image.png

image.png

image.png

在index3页面点击a标签“target="_top"”是在顶级窗口index页面打开

image.png

image.png