Wie drucke ich den Inhalt eines bestimmten DIV über verschiedene Browser hinweg?

So drucken Sie den Inhalt eines DIV

Das Drucken des Inhalts eines bestimmten DIV-Elements kann zum Erstellen von PDF-Berichten oder zum Speichern im Web nützlich sein Inhalt. Die bevorzugte Methode zum Erreichen dieser Aufgabe variiert je nach Browser.

Chrome und andere moderne Browser

Für aktuelle Versionen von Chrome und andere moderne Browser gilt das folgende Codefragment demonstriert den besten Ansatz:

function PrintElem(elem) {
    var mywindow = window.open('', 'PRINT', 'height=400,width=600');

    mywindow.document.write('<title>' + document.title + '</title>');
    mywindow.document.write('');
    mywindow.document.write('<h1 id="document-title">' + document.title + '</h1>');
    mywindow.document.write(document.getElementById(elem).innerHTML);
    mywindow.document.write('');

    mywindow.document.close();
    mywindow.focus();

    mywindow.print();
    mywindow.close();

    return true;
}

Diese Funktion öffnet ein neues Fenster, füllt es mit dem Inhalt des angegebenen DIV und löst das aus Druckvorgang. Es enthält notwendige Änderungen im Vergleich zu früheren Versionen für eine optimale Funktionalität in Chrome.

Legacy-Browser

In älteren Browsern wie Internet Explorer 9 und niedriger ist ein anderer Ansatz erforderlich . Das folgende Code-Snippet übernimmt das Drucken für diese Browser:

function PrintElem(elem) {
    ctrlKeyStr = "+";
    document.getElementById(elem).focus();
    document.getElementById(elem).print(+ctrlKeyStr);
}

Diese Funktion fokussiert einfach das DIV und aktiviert die Druckfunktion über einen Standard-Hotkey, der je nach Browser variieren kann.

Von Durch die Implementierung dieser Techniken können Sie den Inhalt eines DIV-Elements effektiv in verschiedenen Browsern drucken und so Ihre Dokumentdruckanforderungen erfüllen.

Das obige ist der detaillierte Inhalt vonWie drucke ich den Inhalt eines bestimmten DIV über verschiedene Browser hinweg?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!