如何在 html 页面上找到涉及 PDF 的链接，然后在链接前面附加绝对路径？

Question

我有一个 html 页面，上面有很多链接。一些链接连接到 .pdf。

是否可以编写在加载页面时的 JavaScript -

• 它扫描 html 文件并找到链接到 .pdf 的所有链接

• 然后在该 url 的前面附加一个硬编码的前端？

页面上的所有链接都是相对的，当这些 .pdf 链接在 Android 平板电脑上打开时，我遇到了问题。但是当我使用绝对路径时，它处理它没有问题。所以我只想在 .pdf 链接上附加绝对路径。

Answer 1

如果您使用 jQuery，这里有一个选择所有这些链接的简单方法：

$('a[href$=".pdf"]').each(function() {
    this.href = 'YOUR URL HERE' + this.href;
});

href 是一个属性选择器，$= 表示它搜索以给定值结尾，即“.pdf”。

如果您不想使用 jQuery，您可以使用标准 JavaScript 来完成，如下所示：

var links = document.getElementsByTagName('a');

for (var i = 0; i < links.length; i++) {
    if (links[i].href.substr(links[i].href.length - 4) == '.pdf') {
        links[i].href = 'YOUR URL HERE' + links[i].href;
    }
}

Answer 2

与 voithos 相同，但没有 jQuery：

var links=document.links; //Get all links in the document

for (var i=0;i<links.length;i++) { //Loop through each link
    thisHrefExt=links[i].href.split("."); //Split target at all periods
    thisHrefExt=thisHrefExt[thisHrefExt.length-1]; //Select the last section, which should be the extension

    if (thisHrefExt.toLowerCase()=="pdf") { //If the extension is "pdf" (case insensitive)...
        links[i].href="hard-coded-front-end"+links[i].href; //...Add your hard-coded bit at the beginning
    }
}

以函数形式：

function changePDFLinks() {
    var links=document.links; //Get all links in the document

    for (var i=0;i<links.length;i++) { //Loop through each link
        thisHrefExt=links[i].href.split("."); //Split target at all periods
        thisHrefExt=thisHrefExt[thisHrefExt.length-1]; //Select the last section, which should be the extension

        if (thisHrefExt.toLowerCase()=="pdf") { //If the extension is "pdf" (case insensitive)...
            links[i].href="hard-coded-front-end"+links[i].href; //...Add your hard-coded bit at the beginning
        }
    }
}

使用该函数，您可以执行如下操作：

window.onload=changePDFLinks;

这将在页面加载时修复您的 PDF 链接。