<iframe>
用于在网页中嵌套页面。
<iframe src="http://qq.com" frameborder="0" width="100%" height="400px"></iframe>
常用属性:
- frameborder:规定是否显示 iframe 周围的边框,设置属性值为 "0" 就可以移除边框。
- width:设置iframe宽度。
- height:设置iframe高度。
name属性
iframe 可用作链接的目标,链接的 target 属性必须引用 iframe 的 name 属性
<!--a链接的目标会在iframe中打开-->
<iframe name="xxx" src="#" frameborder="0" width="100%" height="400px"></iframe>
<a href="http://qq.com" target="xxx">b</a>
<a>
target属性
// 在新窗口打开
<a href="http://qq.com" target="_blank">b</a>
// 在当前页面打开
<a href="http://qq.com" target="_self">b</a>
// 在父窗口打开
<a href="http://qq.com" target="_parent">b</a>
// 在顶层窗口打开
<a href="http://qq.com" target="_top">b</a>
download属性
- 当http响应类型为
Content-Type: application/octet-stream
时候,那么浏览器会以下载的形式接收这个相应 - 当有download属性时页面会触发下载
href属性
值:
- 相对/绝对地址
- 锚点
- 伪协议
<a href="javascript: alert(1);">b</a>
当href中写地址的时候页面会发送http请求,但是#
锚点属于页面跳转,不会发送http请求。
但是点击锚点时页面可能会跳转位置。
那怎么让页面点击a
标签之后页面什么也不做呢?
这时候就可以用到伪协议了:
`<a href="javascript: ;">b</a>`