Question

我正在运行博客：http://jokesofindia.blogspot.com。我想在我博客的侧边栏中提供动态链接，以pdf格式下载印地语报纸。

我尝试查看epaper.patrika.com的源网址，发现如果我输入网址epaper.patrika.com/pdf/get/145635/1，则会下载第一页，epaper.patrika.com/pdf/get/145635/2会下载第二页，依此类推。

网址的最后一部分是页码。但是网址的倒数第二部分“145635”每天都在变化。现在我希望能够每天手动输入URL的这个变化部分，然后让JavaScript生成下载链接，其中日期被我输入的信息替换。

此代码还需要在Android等移动设备上运行。

Answer 1

您可以使用html5数据对象来存储数据，并使用JS获取数据并将其附加到链接：

HTML

<div class="linkholder" data-number="12345">
    <a href="epaper.patrika.com/pdf/get/#/1">PDF page 1</a>
    <a href="epaper.patrika.com/pdf/get/#/2">PDF page 2</a>
</div>

JS

$(document).ready(function() {
  var newNum = $('.linkholder').attr('data-number');
  $('.linkholder a').each(function() { 
    var newLink = $(this).attr('href').replace('#', newNum);
    $(this).attr('href',newLink);  
  });
});

查看CodePen以查看其实际效果。

从用户输入创建动态URL

1 个答案: