javascript - 如何有效地隐藏链接中的 Href？

Question

我正在尝试使用 PHP 和 Javascript 隐藏下载链接中的 href(隐藏文件位置)。问题是大多数解决方案，包括我下面的代码，都没有真正隐藏链接，因为链接在源代码中仍然清晰可见。

我检查了很多 stackoverflow 的答案，大多数用户说实际上不可能隐藏它。但是我一直在寻找隐藏链接的网站，例如 https://krizis.itch.io/limito

是否有任何可行的解决方案？知道他们是怎么做到的吗？谢谢。

我的代码:

<?php
$link = "https://www.google.com/robots.txt";
?>

<a href="#" id="Link" onclick="Link()">Link</a>

<script>
   var download_link = '<?php echo $link; ?>';
   function Link() {
   document.getElementById("Link").href = download_link;
        }
</script>

Answer 1

您可以执行以下操作来满足您的要求

<a href="#" id="Link" onclick="Link()">Link</a>

<script>
function Link() {

    jQuery.ajax({
        url: "getLink.php",
        type: "POST",
        data:  {
                // more fields can be added here
        },
        dataType: 'json',
        success: function(return){              
            // process success 
            window.location.href = return.url
        },
        error: function(err) {
            // Process failure
        }           
});

}
</script>

在您的 getLink.php 中我返回了一个静态 url，如果需要，您可以执行任何条件

<?php

$return = array();
$return['url'] = "https://www.google.com/robots.txt";
echo json_encode($return);