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

 web , 小知识  小技巧  前端 ,

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

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

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


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

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

实现如下

index.html

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

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

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

文章评论

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Top