HTML 中 a 标签的 target=blank 和 target=_blank 的区别

前言

去年学前端基础三剑客的时候,知道了超链接既可以在当前页打开,也可以在新标签页中打开,默认情况下,如果不设置 a 标签上 target 属性的值,那么点击超链接时,当前页会被超链接的目标页覆盖掉;如果希望在新页面中打开超链接,则需要在 a 标签上加上 target="_blank" 。

正文

时隔将近一年,最近在学前后端分离相关的技术时,刚好要实现一个页面的跳转,写的时候没注意,target="_blank" 错写成了 target="blank" ,少写了一个下划线。不过运行后似乎也没出现什么大问题,也能够在新页面打开超链接。但当我改回 target="_blank",并来回多次点击后,发现这两者在细节上还是有区别的

在此整理和记录一下。区别如下:

  • target="blank":在浏览器的新标签页中打开链接,每次点击超链接时,只会刷新已打开的页面,而不会再打开其他新标签页。(如下图所示)
    在这里插入图片描述
  • target="_blank":在浏览器的新标签页中打开链接,每次点击超链接时,都会再打开一个新的标签页。(如下图所示)
    在这里插入图片描述
  • 4
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值