html之iframe，a

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时，以上意思分别为：

0. 新开网页D
1. 在网页A打开
2. 在网页B打开
3. 在网页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>
复制代码

转载于:https://juejin.im/post/5c80d9fd51882568265468fe