如何使用隐藏的 URL 建立链接

Question

我想知道是否可以使用不显示其 URL 的 <a> 标签创建链接？

换句话说，我想要一段 HTML 来隐藏或混淆它链接到的 URL。

我找到了this StackOverflow question，但我希望该链接适用于所有浏览器（不仅仅是 chrome）并且不是弹出窗口。我已经可以使用 jQuery、Bootstrap 和 PHP 5.5。

任何帮助将不胜感激。

更新：我觉得这需要澄清。我不希望它以任何方式可见 - 即这是一个不能共享的链接，所以我不能简单地使用重定向并在它悬停时隐藏 URL - 我不希望它在源代码中可见任何一个。给您带来的不便请见谅:(

谢谢，

信息技术

Answer 1

您可以捕获闭包中的链接以将其隐藏，然后在单击 <a> 时将窗口指向那里，例如

function hideLink(anchor) {
    var href = anchor.getAttribute('href');
    anchor.removeAttribute('href');
    anchor.className += ' pseudolink';
  
    anchor.addEventListener('click', function (e) {
        e.preventDefault();
        window.location.href = href;
  });
}

window.addEventListener('load', function () {
    hideLink(
        document.getElementById('my_link')
    );
});

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

<a id="my_link" href="http://google.com">Hover over me</a>

Answer 2

无法完全隐藏您尝试导航到的 URL。 URL 必须以某种形式出现 - 例如 <a> 的 'href' 属性 - 标记告诉浏览器导航到哪里。

但是，可以通过访问您的服务器设置来屏蔽 URL。使用.htaccess 文件，可以从一个输入的 URL 重定向到另一个，同时将输入的 URL 保留在浏览器的地址栏中。网上有很多资源解释了如何做到这一点。

使用 PHP 文件中的某些逻辑简单地处理每个链接可能适合隐藏源中的链接。例如，您可以将每个链接发送到handler.php，并指定要导航到的页面的值，即handler.php?page=1。

handler.php 将包含以下内容：

<?php
if ($_GET['page'] == 1) header('Location: /where/you/want/to/go');
if ($_GET['page'] == 2) header('Location: /where/else/you/want/to/go');
?>

这样，用户将不知道链接的实际位置，并且（使用.htaccess 设置）不知道他们导航到的 URL。

Answer 3

您可以使用像这样的网址缩小器：https://goo.gl/。

Answer 4

<a data-link="some link here"></a>

$('a').on('click', () => {
    window.location.href = $(this).attr('data-link');
});

用户在悬停时不会看到链接。