根据用户输入创建动态url

Create dynamic url from user input

本文关键字：动态 url 创建 输入 用户      更新时间：2023-09-26

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

我试图查看epaper.patrika.com的源url，发现如果我输入url epaper.patrika.com/pdf/get/145635/1，它将下载第一页，epaper.patrika.com/pdf/get/145635/2，它将加载第二页，依此类推

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

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

您可以使用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以查看其运行情况。

相关文章：