html实现a元素href的URL链接自动革新或新窗口打开成果

偶然我们想实现这样一个成果，点击一个链接，假如这个链接赏识器已经打开过，则革新已经打开的链接窗口；假如这个链接没有打开过，则行使新窗口打开这个链接页面。

这是一个很是好的体验加强成果，可以有用停止赏识器选项卡中打开一再多余的页面。

要害是怎样实现呢？

行使a标签的target属性特征：

无论是a链接元素照旧form表单位素都有一个名叫target的属性，支持的值包罗下面这些：

_self：默认值。当前赏识器上下文。

_blank：凡是是一个新的标签页，可是用户可以设置赏识器，是否在新窗口打开。

_parent：当前赏识器上下文的的父级上下文，假如没有父级，则举动相同_self。

_top：最顶级的赏识器上下文。假如没有祖先上下文情形，则举动相同_self。

现实上，target尚有一个潜匿特征，那就是可以指定为详细的URL地点可能恣意自界说的名称。

譬喻：

<a href=http://www.jb51.net/web/"http:/www.baidu.com" target=http://www.jb51.net/web/"http:/www.baidu.com">空缺页</a>

此时，假如赏识器已经有标签页的地点是blank.html，则点击上面的链接并不会打开新窗口，是直接革新已经打开的blank.html；假如赏识器中没有地点是blank.html的标签页，则此时target属性的举动示意相同'_blank'。

也就是说，我们要想实现链接地点自动革新和新窗口打开的这个需求，知道配置链接元素和表单位素的target属性值为方针URL地点值就好了。

因此，假如想要实现全部的搜刮功效页都行使一个标签页选项卡，必要行使其他步伐，很简朴，指定为沟通的值即可，譬喻：

<a href=http://www.jb51.net/web/"blank.html?s=1" target="_search">空缺页?s=1</a> <a href=http://www.jb51.net/web/"blank.html?s=2" target="_search">空缺页?s=2</a>

可以看到，href=http://www.jb51.net/web/"blank.html?s=1"和href=http://www.jb51.net/web/"blank.html?s=2"会指向统一个页面，不会打开俩个新窗口。

总结

要想实现a元素href链接自动革新或新窗口打开的成果，只必要配置target属性值和href属性值一样就好了。

这个特征IE赏识器，Firefox赏识器，以及Chrome赏识器都是支持的，安心行使。

到此这篇关于html实现a元素href的URL链接自动革新或新窗口打开的文章就先容到这了,更多相干html实现url链接自动革新或新窗口打开内容请搜刮剧本之家早年的文章或继承赏识下面的相干文章，但愿各人往后多多支持剧本之家！

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!