【html】a标签target属性以及扩展应用

进行页面新窗口打开跳转,我们使用 <a> 标签即可实现。

<a>标签可以通过设置target的值来控制此链接的打开方式,一般可取以下值:

  • _self:默认值,链接在当前窗口打开

  • _blank:链接在新窗口打开

  • _parent:链接在父级框架窗口打开

  • _top:链接在整个窗口打开

上面几个属性,基本都是很常见的target属性。
此外,target还有一个隐藏特性,那就是可以指定为具体的URL地址或者任意自定义的名称。
例如:

<a href="demo.html" target="demo.html">demo空白页</a>

点击上述标签,当浏览器没有标签页的地址是demo.html时,这时游览器表现为打开一个新页面,地址为demo.html(此时的target属性的行为表现类似'_blank'),当我们再次点击时,因为现在浏览器标签页已经有一个地址为demo.html的页面了,这时游览器表现为不会打开新窗口,而是直接刷新已经打开的demo.html

也就是说,我们要想实现链接地址自动刷新和新窗口打开的这个需求,知道设置链接元素和表单元素的target属性值为目标URL地址值就好了。

如果我们想要不同链接,打开同一个标签卡页面刷新如何实现?

<a href="blank.html?s=1" target="_search">空白页?s=1</a>
<a href="blank.html?s=2" target="_search">空白页?s=2</a>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值