Как использовать JavaScript для печати PDF

Понятно, что вы можете захотеть распечатать файл PDF, используя код, расположенный непосредственно на вашей веб-странице. В качестве альтернативы можно заставить средство просмотра загрузить PDF-файл, открыть его и затем распечатать из другой программы, например Adobe Acrobat. Использование JavaScript для печати PDF избавляет конечного пользователя от необходимости выполнять шаги по проверке файла PDF перед его печатью.

Шаг 1

Откройте текстовый процессор, так как вам нужно будет написать код. Встроенный фрейм или «iframe» — это элемент веб-страницы, предназначенный для хранения внешнего документа. Вам нужен элемент iframe, потому что JavaScript может печатать его содержимое. Просто убедитесь, что файл HTML веб-страницы и файл PDF находятся в одном каталоге, если вы хотите, чтобы код работал правильно без изменений. Вот HTML-код, который должен быть на вашей странице:

Атрибут «src», или источник, определяет, как элемент iframe узнает, где искать внешний документ. В данном случае он указывает на файл PDF. Итак, если ваш файл PDF имеет другое имя файла или путь, измените «document.pdf», чтобы отразить правильную информацию. Атрибут "id" позволит вам ссылаться на этот iframe с помощью JavaScript.

Шаг 2

Напишите JavaScript для ссылки на iframe и распечатайте его содержимое. Следующий HTML-код создает кнопку «Печать» со строкой JavaScript в обработчике события «onclick», чтобы это произошло:

JavaScript ссылается на HTML-элемент iframe по его идентификатору «PDFtoPrint», который вы назначили. В iframe для печати отправляются две команды:focus() и contentWindow.print().

Шаг 3

Сохраните и проверьте свою работу. Скорее всего, вы захотите сохранить код с расширением файла ".htm", а затем его можно будет открыть в веб-браузере для тестирования.