朝圣言
扫描关注朝圣言

手机扫描二维码

带有href的a标签如何不重复打开页面

朝圣言2017-02-16前端仕锦 3687 3A+A-

最近一位同学请教我,如何实现点击一个链接,如果新开的页面存在,切换到这个页面,否则就正常打开。

其实一开始我知道如何实现,但是这位同学提供了一个网站,他的实现方式和我想象的还是有差别的。所以就没有把我的想法告诉他。

今天早上突然想起这是,于是试了下,证实了我的想法是对的。


假设我手上有2个页面index.html和index-menu.html。我们只需要在a标签上做手脚。

我们都知道新开窗只需要设置target="_blank"。target是目标的意思,所以正常理解,目标相同,那么就不会在新窗了

实现如下

index.html

<a href="index-menu.html" target="index-menu">打开菜单</a>

代码下方有个运行代码,大家可以点击看下效果。

那位同学提供的网站并不是这样的,他的target使用的是原来的_blank。具体的原因老夫还需要研究一下。

文章关键词
web
小知识
小技巧
前端
发表评论