logo

JavaScript print() メソッド

このセクションでは、JavaScript 言語の print() メソッドについて説明します。あ プリント() このメソッドは、Web ページ、テキスト、画像など、コンピューター画面上に現在表示されているコンテンツを印刷するために使用されます。を使用するときは、 プリント() のメソッド JavaScript コードを実行すると、印刷ダイアログ ボックスが開き、ユーザーまたはプログラマはウィンドウの現在のコンテンツを印刷するための適切なオプションを選択できます。

JavaScript print() メソッド

構文

次の構文は、ウィンドウの現在の内容を出力するために使用されます。

 window.print() 

上記の構文では、ウィンドウ画面に現在表示されているコンテンツを印刷する window.print() メソッドを使用します。

パラメーター : パラメータが含まれていません。

二分探索ツリーの例

戻り値 : window.print() メソッドは何も返しません。

print()メソッドのサポートブラウザ

window.print() メソッドをサポートするブラウザは次のとおりです。

  1. グーグルクローム
  2. インターネットエクスプローラ
  3. ファイアボックス
  4. オペラ
  5. サファリ

例 1: print() メソッドを使用して Web ページを印刷するプログラム

このプログラムでは、ウィンドウ画面に現在表示されているコンテンツを印刷する window.print() メソッドを使用しています。

印刷.html

 Use print() method in JavaScript <h2> Program to print the Current Content of the window using print() method </h2> <br> <br> <p> As the name suggests, the print () method is used to print the contents of the current window. When we use a print () method, it opens the print dialog box, which allows the user or programmer to select an appropriate option for printing the current content of the window. </p> 

上記のプログラミング コードを任意のブラウザで実行すると、次の画像が表示されます。

JavaScript print() メソッド

上の画像には、 印刷する ボタン。ここで、「印刷」ボタンをクリックすると、以下に示すように、ウィンドウ画面の現在のビジュアルコンテンツを含む印刷ダイアログボックスが開きます。

JavaScript print() メソッド

例2: print()メソッドを使用して学生登録フォームを印刷するプログラム

このプログラムでは、学生登録フォームを作成し、window,print() メソッドを使用して印刷します。

Student.html

 Print Student Registration Form function printFun() { window.print(); } /* Create the Outer layout of the Calculator. */ .formstyle { width: 400px; height: 400px; margin: 20px auto; border: 3px solid skyblue; border-radius: 5px; padding: 20px; text-align: center; background-color: lightgreen; } /* Display top horizontal bar that contain some information. */ h1 { text-align: center; padding: 23px; background-color: skyblue; color: white; } *{ margin: 0; padding: 0; } <div class="formstyle" <br> Student Registration Form: First name <br> <br> Last name <br> <br> Father name <br> <br> Mother name <br> <br> Gender: Male Female <br> <br> Address <br> <br> Email <br> <br> Password: <br> <br> <br> <br> <br> </div>

上記のプログラミング コードを任意のブラウザで実行すると、次の画像が表示されます。

JavaScript print() メソッド

ここで、学生登録フォームの詳細をすべて入力し、「印刷」ボタンをクリックすると、下の画像が表示されます。

JavaScript print() メソッド

「印刷」ボタンをクリックすると、さまざまな操作が表示されます。 ウィンドウプリント 方法。 [印刷] ダイアログ ボックスのすべての設定が完了したら、[保存] ボタンをクリックしてファイルまたはページをシステムに保存します。

コードの説明: 上記のプログラムでは、学生登録フォームを作成しました。このフォームには、[リセット] ボタンと [印刷] ボタンの 2 つのボタンがあります。 「リセット」ボタンは内容をリセットする場合に使用し、「印刷」ボタンは表示内容を印刷する場合に使用します。 [印刷] ボタンをクリックすると、onclick 関数がアクティブになり、PrintFun() 関数が呼び出されます。ここで、ウィンドウ画面に表示されている内容を印刷する window.print() メソッドを含む PrintFun() 関数が実行されます。

画像付きのマークダウン

結論:

ウィンドウ画面の内容を印刷する JavaScript の print() メソッドについて学習しました。ウィンドウ画面の内容は、テキスト、画像、広告などです。さらに、JavaScript で print() メソッドが呼び出されると、印刷ダイアログ ボックスが開きます。これにより、ユーザーまたはプログラマは、ウィンドウ画面に表示されたコンテンツを印刷するための適切なオプションを選択できます。