从页面标题创建链接并将 .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()。