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

Question

我对jQuery并不擅长，但我知道我想用它做什么是可能的。

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

步骤：

1. 以页面标题
2. 添加 “.PDF” 到底

3. 添加合并项目类= “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()。