a标签跳到另一个页面指定选项卡_HTML几个标签的介绍

1.<iframe>

iframe标签是用来在一个网页中嵌入另一个网页。

<iframe src="https://www.baidu.com" frameborder="0"></iframe>

2.<a>

2.1上面介绍完iframe之后，来请出a标签，iframe经常和a标签成对使用

可以指定iframe的name，然后a的target指定这个iframe

<iframe name="xxx" src="#" frameborder="0"></iframe>
<a href="https://www.baidu.com" target="xxx">click me </a>

点击click me之后，在内嵌窗口中就会打开百度

2.2 a标签target的四个属性

<a href="https://www.baidu.com" target=_blank>click me </a>
<a href="https://www.baidu.com" target=_self>click me </a>
<a href="https://www.baidu.com" target=_parent>click me </a>
<a href="https://www.baidu.com" target=_top>click me </a>

_blank很好理解，就是在新窗口打开百度

_self是在自己的窗口中打开百度，若a标签在iframe里面，则在这个iframe里面打开百度

_parent和_top是在父亲页面和顶级页面中打开百度，一般用于嵌套iframe的时候

2.3a标签的其它属性

2.3.1download

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

开始download页面，download值可以为空，也可以赋值，如download="hahahah",那么下载的页面的名字为hahahah。

2.3.2href

href可以直接是一个相对路径

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

点击后是当前的url加上相对路径，

点击前

点击后，注意看url

href还可以无路径

意思是根据当前打开网页的协议来

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

若当前用的是文件协议，则会打开file://http://qq.com

注意看标签页的url

若当前用的是http协议，则会打开加上相对路径http://qq.com的url

注意无协议的效果

锚点

若锚点是#+其他内容，则无任何效果，只是在url后面直接加上锚点的内容

<a href="#999" >click me </a>

若锚点只是一个#，不仅会在url后面加上#，还会跳转到网页最上方

href后面是?name=frank

若类似于这样，不仅在url上加上，还会发出get请求，请求内容就是name=frank

注意下方的请求

伪协议

伪协议就是在点击a标签直接执行js代码

<a href="javascript: alert(1);" >click me </a>

点击之后直接执行alter(1)

还有一个骚操作就是遇到奇葩的需求，点击a标签之后什么都不做

<a href="javascript: ;" >click me </a>

为空

<a href="" >click me </a>

当href为空时，浏览器会刷新页面