javascript - 如何在 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 是一个属性选择器，$= 表示它搜索end with the given value 的属性。 ，即“.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;
    }
}