修改浏览器左下角鼠标悬停的路劲

如何修改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>

如果以上回答对您有所帮助,望采纳~谢谢

img


像这样鼠标悬停上去但左下角显示的是虚拟的路径,点击之后让他跳转到指定的真实路劲