Drucken Sie einen bestimmten Teil der Webseite

Die Entwickler erlauben häufig nur den spezifischen Teil des Inhalts einer Webseite, z. B. Zahlungspläne oder bestimmte Informationen. Normalerweise kann die herkömmliche Methode zum Drucken zum Drucken verwendet werden, wie der Druckbefehl. Sie können jedoch nur den jeweiligen Inhalt drucken. Dieser Ansatz kann hilfreich sein, verringert jedoch die Lesbarkeit des Textes.

Dieses Tutorial veranschaulicht das Verfahren, um einen bestimmten Teil einer Webseite mit JavaScript zu drucken.

So drucken Sie einen bestimmten Teil einer Webseite?

So drucken Sie den spezifischen Teil der Webseite mit hoher Qualität:

• Verwenden Sie die “GetElementById ()Methode, um die Referenz des Inhaltselements zu erhalten.
• Dann verwenden Sie die “Fenster.offenMethode, die das Druckfenster mit der angegebenen Größe öffnet.
• “Fenster.dokumentieren.schreiben”Schreibt den Text im Fenster.
• “Fenster.dokumentieren.schließen”Schließt das Dokument.
• “Fenster.Fokus()”Legt den Fokus auf den Inhalt des Druckfensters fest.
• Verwenden Sie schließlich die “Fenster.drucken()”Zum Drucken des Inhalts.

Beispiel
Erstellen Sie in einer HTML -Datei zunächst eine DIV auf einer Webseite mit einigen Inhalten:

LinuxHint ist die beste Website für Lernfähigkeiten.

Es bietet mehrere Programmiersprachen, um Fähigkeiten wie z

• HTML/CSS


• JavaScript


• Java


• Python

Erstellen Sie außerhalb des DIV eine Druckschaltfläche und fügen Sie eine an "anONCLICKEreignis mit IT, das die Funktion nennt "drucken()Während es geklickt wird:

Drucken

Nachdem der oben gegebene Code ausgeführt wurde, sieht die Webseite wie folgt aus:

Fügen Sie nun in der JavaScript -Datei oder zum Tag die angegebenen Codezeilen hinzu:

Funktion print ()
var printdiv = document.GetElementById ("Divprint");
var printwindow = Fenster.Öffnen (",", 'links = 0, Top = 0, Breite = 800, Höhe = 500, Symbolleiste = 0, Scrollbars = 0, Status = 0');
Printwindow.dokumentieren.Schreiben Sie (printdiv.Innerhtml);
Printwindow.dokumentieren.schließen();
Printwindow.Fokus();
Printwindow.drucken();

Im obigen Code -Snippet:

• Definieren Sie zunächst das "drucken()Methode, die aufgerufen wird, wenn die “ONCLICKEreignis wird ausgelöst.
• Holen Sie sich das Element (DIV), das Sie drucken möchten, indem Sie seine zugewiesene ID an die “weitergeben“GetElementById ()" Methode.
• Ruf den "Fenster.offen()Methode und übergeben Sie die Fenstergröße entsprechend Ihrer Anforderung.
• Übergeben Sie die Referenz des DIV -Elements auf das “Fenster.dokumentieren.schreiben()Methode mit der “InnerhtmlEigenschaft, um den Inhalt im Druckfenster zu schreiben.
• Schließen Sie das Dokument dann mit dem "Fenster.schließen()" Methode.
• Setzen Sie sich mit der “den Fokus auf das Druckfenster"Fenster.Fokus()" Methode.
• Schließlich nennen Sie die "druckenMethode des Fensterobjekts zum Drucken des angegebenen Inhalts.

Ausgang

Hier geht es darum, den angegebenen Teil der Webseite zu drucken.

Abschluss

Verwenden Sie das spezifische Teil der Webseite, um die “zu druckenGetElementById ()Methode, um die Referenz des Elements des Inhalts zu erhalten. Verwenden Sie dann das “Fenster"Methoden, einschließlich"Fenster.offen","Fenster.dokumentieren.schreiben","Fenster.dokumentieren.schließen","Fenster.Fokus()", Und "Fenster.drucken()”. In diesem Tutorial haben wir das Verfahren zum Drucken eines bestimmten Teils einer Webseite mit JavaScript veranschaulicht.