Question

当您将链接悬停在HTML中时，在浏览器的左下方会显示您正在悬停的链接地址。

如果我有UTM参数的链接，我不希望该地址出现在那里，我希望它能告诉我另一个＆＃34;名称＆＃34;或＆＃34;地址＆＃34;。

我如何隐藏或隐藏Wordpress中的地址链接？

PD：没有插件

任何想法。

由于

Answer 1

有一种方式来掩饰＆＃34;那肯定是。

浏览器从href属性中获取要显示的信息......并且没有任何事情可以避免显示它的行为。

所以诀窍是 NOT 根本不使用href属性。 URL必须在其他地方......然后data attribute就是完美的。

链接的标记是：

<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>

然后你必须按照通常的样子来设置锚的样式 CSS示例：

.cloaked{
  color:blue;
  text-decoration:underline;
  cursor:pointer;
}

最后，点击处理程序将打开一个新标签，以模仿正常的锚定行为。

要打开新标签页：

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

要在当前标签中打开目标页面：

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

注意，任何知道如何检查＆＃34;的人都可以看到UTM参数。使用开发工具的文档......这些文档将在打开的目标页面的地址栏中显示。

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

1 个答案: