从页面标题创建链接并将.pdf添加到结尾

Question

我对jQuery并不擅长，但我知道我想要的东西是可能的。

有没有办法获取页面标题，将其添加到锚链接然后在最后添加.pdf？我在我们的网站上制作了所有页面的pdf文件，但希望动态创建链接。由于pdf正在使用页面标题，因此动态执行它是有意义的。

步骤：

1. 获取页面标题
2. 将“.pdf”添加到最后

3. 将合并后的项目添加到class =“printbtn”，这是该链接的类名。

   <a href="Tour Company - China Tours 2012.pdf" class="printbtn">Print this page</a>
   

我认为脚本可能还需要在空格之间添加%20？

Answer 1

获取页面标题：

var title = $('title').text();

对该标题进行URL编码：

var urlEncodedTitle = encodeURIComponent(title);

要将其添加到给定的a元素，请添加文件类型并将文本修改为“打印页面”：

$('.printbtn').attr('href',urlEncodedTitle + '.pdf').text('print page');

JS Fiddle demo

请注意，$('.printbtn')选择器可能会找到具有该类名的多个元素，因此您可能更适合id而不是class ：$('#printbtn')。如果匹配了多个元素，则每个元素的文本和href将被最后一行更改。

参考文献：

• attr();
• encodeURIComponent()。
• text()。