如何修改html中a标签鼠标悬停上去浏览器左下角显示的路径,左下角显示的是假路劲,点击后跳转到真实路径
可以通过js点击事件来处理,如
html
<a href="www.baidu.com" data-href="www.12.com">baidu </a>
<a href="www.baidu.com" >baidu </a>
js
const allA = document.querySelectorAll('a');
allA.forEach((item)=>{
item.onclick = function(e){
if(this.getAttribute("data-href")){
e.preventDefault()
window.location.href = this.getAttribute("data-href");
}
}
})
鼠标悬停的,修改一下a标签的属性:你可以加一个a标签,a标签中href属性的值来显示:
<a href="http://example.com">Example</a>
如果是想要点击进去真实的连接,修改一下title属性的值修改为真实路径就可以了。
<a href="真实路径" title="真实路径">链接文本</a>
如果以上回答对您有所帮助,望采纳~谢谢