利用html中的a链接 target 属性,实现跳转页面只打开一次的效果:
案例需求:
1.如果页面中的a 标签未被打开,那么点开a 链接可以正常打开标签
2.如果页面中的a标签已被点击且对应的跳转页面还打开着,那么再次点击a 链接 仍然跳转到刚打开的页面而不是再次新开一个浏览窗口
看似很复杂的效果需求,确实,假如使用js 来进行判断的话,确实需要费上一番功夫...........
但是,使用a 标签的target 属性,将能通过一个属性的方式快速实现效果,好了,废话不多说,祭上代码:
<a href="https://www.baidu.com" target="https://www.baidu.com">点击打开百度</a>
没错,只要把target 标签的值设置为href 标签所对应的值,将可以轻松实现案例中的需求效果