html之iframe,a

1,046 阅读1分钟

iframe

a

4个target

       <a href="qq.com" target="_blank"></a>
       <a href="qq.com" target="_self"></a>
       <a href="qq.com" target="_parent"></a>
       <a href="qq.com" target="_top"></a>

依次为新页面打开,当前页面覆盖打开,在父页面打开,在顶部页面打开

当a标签的网页A被当做iframe放在网页B再当做iframe放在网页C时,以上意思分别为:

  1. 新开网页D
  2. 在网页A打开
  3. 在网页B打开
  4. 在网页C(D,E)打开

download属性

       <a href="https://qq.com" download></a>

点击可以下载整个网页

href可以写什么

<a href="qq.com">qq</a>

此时qq.com相当于绝对路径,未加http

       <a href="//qq.com">qq</a>

此时使用//qq.com,含义为使用当前使用的协议,即file协议

  • 浏览器加锚点 <a href="#12">qq</a>(不发起请求,因为锚点的作用是页面内的跳转)
  • 浏览器加路径 <a href="?name=soldiermakk">qq</a>(自动发起get请求)
  • 打开当前目录下的网页 <a href="./index2.html">qq</a>
  • 伪协议(点击之后什么也不做) <a href"javascript:;">qq<a>

iframe与a同时使用

name的用法

a标签中使用target来指向iframe窗口,实现效果如下

点击qq ,iframe窗口中显示qq.com

同时,iframe也支持写相对路径

<iframe name=xxx src="./index2.html" frameborder="0"></iframe>