Heim > Web-Frontend > js-Tutorial > Beispiel für das Drucken eines bestimmten Bereichs einer Webseite mit JavaScript_Javascript-Kenntnisse

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

WBOY
Freigeben: 2016-05-16 16:50:04
Original
1296 Leute haben es durchsucht

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!



Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage