從頁面標題創建鏈接並將.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()。