javascript - 生成嵌入 PDF 的直接链接

Question

我正在尝试创建一个 JQuery 函数，该函数将自动在我的网站上查找嵌入的 PDF URL，并在嵌入之前生成一个直接转到 PDF 的链接。所有嵌入的 PDF 链接都可以在名为 object 的 html 标签中找到。因此 PDF 的每个实例都将如下所示:

<object data="http://website.com/directLink.pdf" type="pdf"> 
<a heref="http://website.com/directLink.pdf">...</a></object>

是否有一种简单的方法可以提取 URL 并在对象标记之后生成一个链接？我希望生成的链接看起来像这样:

Download this document <a href="http://website.com/directLink.pdf">here</a>

我不想更改现有的 DOM，只需在其后生成上述代码即可。

Answer 1

我会做这样的事情(未经测试的快速解决方案):

// Grab all objects on the page
var objects = document.querySelectorAll('object');

// Iterate through objects
for( var i = 0; i < objects.length; i++ ) {
  var el = objects[i];
  var href = el.getAttribute('data');
  // Check if the URL contains a PDF link; append link if it does
  if( ~href.indexOf('.pdf') {
    var link = document.createElement('a');
    link.href = href;
    el.parentNode.appendChild(link);
  }
}