So implementieren Sie den Druckvorgang in JavaScript

In JavaScript können Sie die print()-Methode des Window-Objekts verwenden, um Druckvorgänge mit dem Syntaxformat „window.print()“ zu implementieren. Die print()-Methode wird zum Drucken des Inhalts des aktuellen Fensters verwendet; der Aufruf der print()-Methode generiert ein Druckvorschau-Popup-Fenster, in dem der Benutzer Druckanforderungen festlegen kann.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Den Inhalt im angegebenen Element auf der aktuellen Seite drucken

Verwenden Sie window.print() direkt;

Erstens den HTML-Inhalt des Elements abrufen (es wird empfohlen, den Inline-Stil zu verwenden, wenn ein Stil vorhanden ist). )

var newstr = document.getElementById(myp).innerHTML;//得到需要打印的元素HTML

Speichern Sie den gesamten HTML-Code der aktuellen Seite. Da der Druckvorgang window.print() den gesamten Inhalt der aktuellen Seite druckt, speichern Sie zunächst die aktuelle Seite, um sie später einfacher wiederherstellen zu können.

var oldstr = document.body.innerHTML;//保存当前页面的HTML

Ersetzen Sie die aktuelle Seite durch Druckinhalt HTML

document.body.innerHTML = newstr;

Führen Sie den Druckvorgang aus

window.print();

Stellen Sie die aktuelle Seite wieder her

document.body.innerHTML = oldstr;

Methodenbeispiel:

//myp为需要打印的元素ID
function printpage(myp){   
var newstr = document.getElementById(myp).innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = newstr;
window.print();
document.body.innerHTML = oldstr;
return false;
}

[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonSo implementieren Sie den Druckvorgang in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!