Der Zweck von JavaScript window.print ()-Funktion ist die Erschließung der Druckfunktion des Browsers Dialogfeld und ermöglicht dem Anwender die einfache ausdrucken einer Webseite. Es führt genau die gleiche Funktion wie Strg + f oder Datei> Drucken , aber ist nützlich, um Web-Entwickler , weil es ihnen einen Druck prompt in einer bequemen Position auf der Seite gehören zu lassen. Die Syntax ist leicht zu erlernen und hat Raum für eine Menge Anpassung. Werfen wir einen Blick auf die häufigsten Methoden der Verwendung window.print (). Anleitung mit einem Standard- Knopf 1
Fügen Sie folgenden Code in Ihre Seite ein .
Beim Speichern und laden Sie die Seite einen Standard graue Schaltfläche mit dem Text " "an. 2
bearbeiten " Seite drucken ", um was auch immer Sie Ihren Knopf zu sagen. 3
Passen Sie die Form , Größe und Farbe der Schaltfläche , indem Sie eine CSS-Klasse wollen . Legen Sie diese Codezeile , class = " bttn " erstellen Sie dann eine entsprechende CSS -Klasse im Stylesheet . Mit Text und Bilder 4
Fügen Sie folgenden Code in Ihre Seite:
5
Ersetzen " image.jpg " mit der URL des Bildes , das Sie als eine Taste zu verwenden. Wenn ein Benutzer das Bild klickt wird das Dialogfeld Drucken wird geöffnet. 6
Verstehen Sie die Syntax der URL JavaScript . Window.print (), die den Druck -Funktion aufruft : Statt mit einer normalen URL als href , haben wir es mit Javascript ersetzt. Sie kann andere JavaScript-Funktionen unter Verwendung ähnlicher Syntax . 7
erstellen einen Text-Link durch das Einfügen der folgenden Zeile Code . Fügen Sie eine CSS-Klasse für zusätzliche Anpassung.
