JavaScript を使用して PDF を印刷する方法

Web ページ内に直接配置されたコードを使用して PDF ファイルを印刷したい場合があることは理解できます。もう 1 つの方法は、ビューアで PDF ファイルをダウンロードして開き、Adobe Acrobat などの別のプログラムから印刷することです。 JavaScript を使用して PDF を印刷すると、エンド ユーザーは印刷前に PDF ファイルを調べる手順を実行する手間が省けます。

ステップ 1

コードを書く必要があるので、ワード プロセッサを開きます。インライン フレーム (「iframe」) は、外部ドキュメントを保持するように設計された Web ページ内の要素です。 JavaScript はそのコンテンツを印刷できるため、iframe 要素が必要です。コードを変更せずに正しく動作させたい場合は、Web ページの HTML ファイルと PDF ファイルが同じディレクトリにあることを確認してください。ページに必要な HTML は次のとおりです:

「src」またはソース属性は、iframe 要素が外部ドキュメントを探す場所を知る方法です。この場合は、PDF ファイルを指しています。そのため、PDF ファイルのファイル名またはパスが異なる場合は、正しい情報を反映するように「document.pdf」を変更してください。 「id」属性を使用すると、この iframe を JavaScript で参照できます。

ステップ 2

iframe を参照してその内容を出力する JavaScript を記述します。次の HTML は、「onclick」イベント ハンドラに JavaScript の行を含む「印刷」ボタンを作成して、これを実現します:

JavaScript は、割り当てた ID「PDFtoPrint」によって iframe HTML 要素を参照します。印刷のために iframe に送信される 2 つのコマンドは、「focus()」と「contentWindow.print()」です。

ステップ 3

作業を保存してテストします。コードを「.htm」ファイル拡張子で保存すると、テスト用に Web ブラウザで開くことができます。