关于#html#的问题：我用这个方法实现鼠标悬浮a标签上浏览器左下角显示虚拟路径，点击后跳转到真实路径(语言-java)

img

img

img


我用这个方法实现鼠标悬浮a标签上浏览器左下角显示虚拟路径，点击后跳转到真实路径

img


我想让这后面的路径变成我设置的虚拟路径怎么办

这个你可以通过js跳转的方法隐藏真实路径

该回答引用GPTᴼᴾᴱᴺᴬᴵ
你可以将代码修改为：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <a href="#" data-href="/my/virtual/path">baidu</a>
    <script>
        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");
                }
            };
        });
    </script>
</body>
</html>

其中，你可以将 data-href 属性设置为你要显示的虚拟路径，如 /my/virtual/path。