Beispiel für das Drucken eines bestimmten Bereichs einer Webseite mit JavaScript_Javascript-Kenntnisse

Prinzip der Angabe des Div-Bereichs in der JavaScript-Druckseite: Verwenden Sie window.open(), um eine neue Seite (Fenster) im Browser zu öffnen, verwenden Sie window.document.write(), um den Inhalt des angegebenen Div-Bereichs in die zu schreiben Neues Fensterdokument, document .close() schließt das Dokument und ruft mit window.print() den Drucker auf, um das aktuelle Dokument zu drucken.

JavaScript-Druckfunktion myPrint(obj):

Code kopieren Der Code lautet wie folgt:

function myPrint(obj){
//Öffne ein neues Fenster newWindow
var newWindow=window.open("Print Window","_blank");
//The div to be print Content
var docStr = obj.innerHTML;
//Druckinhalt wird in newWindow document geschrieben
newWindow.document.write(docStr);
//Dokument schließen
newWindow .document.close ();
//Den Drucker aufrufen
newWindow.print();
//Die newWindow-Seite schließen
newWindow.close();
}

myprint()-Aufrufmethode:

Code kopieren Der Code lautet wie folgt:

myPrint(document.getElementById('printDivID'));

Beispielcode:

Code kopieren Der Code lautet wie folgt:

function myPrint(obj){
var newWindow=window.open("Print Window","_blank");
var docStr = obj.innerHTML;
newWindow.document. write(docStr );
newWindow.document.close();
newWindow.print();
newWindow.close();
}

< ;div id ="print">

---

Drucken Sie den Demonstrationsbereich aus. Nachdem Sie auf „Drucken“ geklickt haben, wird der Inhalt hier in einem neuen Fenster geladen!

---

Print