Der Fenster print () Methode wird verwendet, um den sichtbaren Inhalt des aktuellen Fensters zu drucken, z. B. ein Webseitentext oder ein Bild, indem das Dialogfeld Druck angezeigt wird, mit dem der Benutzer aus einer Vielzahl von Druckoptionen auswählen kann, und das Dialogfeld Drucken wird nur dann geöffnet, wenn die Print () Code wird ausgeführt.
Syntax:
Fenster.drucken();Dies wird a öffnen Dialogfeld ausdrucken Dies druckt den sichtbaren Inhalt des aktuellen Fensters, wie zuvor erläutert.
Es sollte angemerkt werden, dass die Fenster.print () Methode Nimmt oder enthält keine Parameter und gibt auch nichts zurück.
Browser unterstützen
Der Fenster.print () Methode wird von vielen Browsern unterstützt und einige von ihnen sind wie folgt:
Browser | Chrom | Internet Explorer | Feuerfuchs | Safari | Oper |
---|---|---|---|---|---|
Unterstützung | Ja | Ja | Ja | Ja | Ja |
Beispiel
HTML:
Fenster Druckbeispiel!
Im obigen HTML -Code haben wir H2 -Tags definiert und dann eine Schaltfläche erstellt, in der angezeigt wird, klicken Sie auf mich. Danach setzen wir das Skript -Tag ein, das den Code bezieht.JS, die JavaScript eine Verbindung zu HTML herstellen lassen.
JavaScript:
const btn = dokument.QuerySelector (".btn ");
Btn.AddEventListener ('Click', function ()
Fenster.drucken();
);
Im obigen Code verweisen wir auf die Schaltfläche im HTML, indem wir den damit zugeordneten Klassenanime verwenden. Danach haben wir einen Ereignishörer von Click hinzugefügt, der kontinuierlich ein Klickereignis anhört und wann immer jemand auf die klickt Klicken Sie auf mich, Die Funktion innerhalb des Ereignishörers wird ausgeführt.
Wenn wir zum ersten Mal den obigen Code von HTML und JavaScript ausführen, werden wir in unserem Browser Folgendes sehen:
Wenn wir auf die Schaltfläche Klicken, klicken Sie auf die Schaltfläche "Drucken", wird das Dialogfeld Drucken geöffnet:
Wir können den Inhalt unserer Webseite auf der linken Seite des Dialogfelds Drucken sehen. Wenn wir auf die Schaltfläche Drucken klicken.
Abschluss
Wir haben alles über die gelernt Fenster.print () Methode und beantwortete die Frage, was die Fenster.print () Methode ist zusammen mit einem Beispiel in diesem Beitrag in JavaScript. Zusammenfassen, die Fenster.print () Methode Druckt den aktuellen Windows -sichtbaren Inhalt aus, der ähnlich wie Bild, Text oder jede Anzeige aussehen kann. Wir haben das auch gesehen, wann immer die Fenster.print () Methode wird ausgeführt. Das Dialogfeld Print wird geöffnet, an dem ein Benutzer seine bevorzugten Optionen zum Drucken des Dokuments auswählen kann.