Создайте ссылку из заголовка страницы и добавьте .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, добавьте тип файла и измените текст так, чтобы он напечатал «print page»:

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

Демонстрация JS Fiddle .

Имейте в виду, что селектор $('.printbtn') может найти несколько элементов с таким именем класса, так что вы можете лучше ориентироваться на id, а не class: $('#printbtn'). Если сопоставляются несколько элементов, то текст и href каждого из них будут изменены последней строкой.

Ссылки:

• attr();
• encodeURIComponent().
• text().