JavaScript - Seitendruck

Oft möchten Sie eine Schaltfläche auf Ihrer Webseite platzieren, um den Inhalt dieser Webseite über einen tatsächlichen Drucker zu drucken. JavaScript hilft Ihnen, diese Funktionalität mit dem zu implementierenprint Die Funktion von window Objekt.

Die JavaScript-Druckfunktion window.print()druckt die aktuelle Webseite bei der Ausführung. Sie können diese Funktion direkt mit dem aufrufenonclick Ereignis wie im folgenden Beispiel gezeigt.

Beispiel

Versuchen Sie das folgende Beispiel.

<html>
   <head>      
      <script type = "text/javascript">
         <!--
         //-->
      </script>
   </head>
   
   <body>      
      <form>
         <input type = "button" value = "Print" onclick = "window.print()" />
      </form>   
   </body>
<html>

Ausgabe

Obwohl es dem Zweck dient, einen Ausdruck zu erhalten, wird es nicht empfohlen. Eine druckerfreundliche Seite ist eigentlich nur eine Seite mit Text, ohne Bilder, Grafiken oder Werbung.

Sie können einen Seitendrucker auf folgende Weise benutzerfreundlich gestalten:

  • Erstellen Sie eine Kopie der Seite, lassen Sie unerwünschten Text und Grafiken weg und verlinken Sie dann vom Original aus auf diese druckerfreundliche Seite. Beispiel überprüfen .

  • Wenn Sie keine zusätzliche Kopie einer Seite behalten möchten, können Sie Ihren druckbaren Text mit geeigneten Kommentaren wie <! - PRINT STARTS HERE -> ..... <! - PRINT ENDS HERE -> markieren Anschließend können Sie PERL oder ein anderes Skript im Hintergrund verwenden, um druckbaren Text zu löschen und für den endgültigen Druck anzuzeigen. Wir bei Tutorialspoint verwenden diese Methode, um unseren Website-Besuchern Druckfunktionen zur Verfügung zu stellen.

Wie drucke ich eine Seite?

Wenn Sie die oben genannten Funktionen auf einer Webseite nicht finden, können Sie die Standardsymbolleiste des Browsers verwenden, um die Webseite zu drucken. Folgen Sie dem Link wie folgt.

File →  Print → Click OK  button.