Javascript 在Wordpress中悬停时隐藏或隐藏地址链接

在HTML中悬停链接时，浏览器左下角会显示您悬停的链接地址

如果我有一个带有UTM参数的链接，我不希望该地址出现在那里，我希望它显示另一个“名称”或“地址”

如何在Wordpress中隐藏或隐藏地址链接

没有插件

任何想法

谢谢

有一种方法可以“掩盖”这一点

浏览器从

href

属性获取要显示的信息。。。而且没有什么可以避免显示它的行为

因此，诀窍是根本不要使用

href

属性。URL必须位于其他位置，然后。。。而a是完美的选择

链接的标记为：

<a class="cloaked" data-href="https://www.example.com/book-launch?utm_source=facebook&utm_medium=social&utm_campaign=book-launch-2014-may">Visit example.com</a>

最后，单击处理程序将打开一个新选项卡来模拟正常的锚行为

要打开新选项卡，请执行以下操作：

$(document).ready(function(){
  $(".cloaked").on("click",function(){
    window.open($(this).data("href"));
  });
});

要在当前选项卡中打开目标页，请执行以下操作：

$(document).ready(function(){
  $(".cloaked").on("click",function(){
    location.assign($(this).data("href"));
  });
});

---

注意任何知道如何使用开发工具“检查”文档的人都可以很容易地看到UTM参数。。。这些内容将在打开的目标页面的地址栏中可见。

您可以使用data href属性并为标记写入单击事件，该标记的data href属性的打开链接可能指向“状态栏”。几乎不可能在任何现代浏览器上隐藏它：不可能。即使您像上面建议的那样将其“隐藏”在

data

属性中，它仍然很容易看到。你对此无能为力。应该有一种方法，因为son营销网站就是这样做的：隐藏url想法是隐藏url，这样的页面：隐藏url

$(document).ready(function(){
  $(".cloaked").on("click",function(){
    location.assign($(this).data("href"));
  });
});