HTML条件href

Question

我有一个包含大量 pdf 文件的文件夹。它们以 3 位代码 (XXX.pdf) 命名。在同一个文件夹中，我有一个 index.html 文件，顾名思义，它是一个用于在文件夹中导航并打开特定 pdf 的索引。

例如，当我搜索特定的 pdf 文件但我不知道 pdf 的名称是什么时。我只知道它的标题或作者。

• 没有那个索引，我没有办法找到它。
• 通过索引，pdf 是根据作者或标题分类的，因此我可以在索引中搜索并单击链接打开文件。索引包含每个 pdf 文件的这一行：

<a href="001.pdf"><STRONG>TITLE001</STRONG></a><br /> Author001

所以，这是第一个配置。我可以把整个文件夹交给同事，只要他不更改文件夹组织，他就可以打开索引来搜索文件，因为 href 链接是相对的。

现在，我有第二个配置，我在专用网络上的服务器上上传了该文件夹。我用以下行更改了 index.html：

<a href="http://personal_cloud/001.pdf"><STRONG>TITLE001</STRONG></a><br />Author001

这样，如果有人搜索特定的pdf文件，他可以下载索引，当他点击该索引中的like时，它将从服务器下载正确的pdf。

但是，我希望这两种配置都能正常工作：

• 如果我的同事经常使用该文件夹，他可能更愿意下载整个文件夹，索引将不起作用，因为它不再是相对地址。
• 如果我的同事偶尔使用它，他只需下载索引即可。

是否有任何解决方案可以合并两个解决方案并具有条件 href 属性？

允许同时使用这两种配置。比如：

if "001.pdf" doesn't exist
   <a href="http://personal_cloud/001.pdf"><STRONG>TITLE001</STRONG></a><br />Author001
else
   <a href="001.pdf"><STRONG>TITLE001</STRONG></a><br />Author001

有人可以帮我吗？

非常感谢！

Answer 1

怀疑你会在 HTML 中找到一种方法来做到这一点，用 Js 怎么样？你使用 JQuery 还是什么？

这样的事情可以做到：

$.ajax({
type: 'HEAD',
url: 'http://personal_cloud/001.pdf',
success: function() {
    // here when then file does exist
},  
error: function() {
    // here when then file does not exist
}
});