HTML条件href

时间:2018-03-14 13:09:15

标签: html href

我有一个包含大量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文件,他可以下载索引,当他点击该索引中的类似内容时,它将从服务器下载正确的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

有人可以帮我吗?

非常感谢!

1 个答案:

答案 0 :(得分:0)

怀疑你会在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
}
});