Comment puis-je imprimer le contenu d'un DIV spécifique avec une compatibilité améliorée avec les navigateurs ?-js tutoriel-php.cn

Comment puis-je imprimer le contenu d'un DIV spécifique avec une compatibilité améliorée avec les navigateurs ?

Patricia Arquette

Libérer： 2024-12-06 17:32:11

original

695 Les gens l'ont consulté

How Can I Print a Specific DIV's Content with Enhanced Browser Compatibility?

Impression de contenu DIV avec des fonctionnalités améliorées

Dans divers scénarios de développement Web, vous pouvez rencontrer le besoin d'imprimer le contenu d'un élément DIV spécifique . Pour y parvenir, plusieurs approches sont disponibles. Dans cet article, nous examinerons une méthode qui offre des fonctionnalités et une compatibilité améliorées entre différents navigateurs, en particulier Chrome.

La solution

La fonction fournie, PrintElem() , propose une approche globale pour imprimer le contenu d'un DIV :

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

    mywindow.document.write('<html><head><title>' + document.title + '</title></head>');
    mywindow.document.write('<body>');
    mywindow.document.write('<h1>' + document.title + '</h1>');
    mywindow.document.write(document.getElementById(elem).innerHTML);
    mywindow.document.write('</body></html>');

    mywindow.document.close(); // necessary for IE >= 10
    mywindow.focus(); // necessary for IE >= 10*/

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

    return true;
}

Copier après la connexion

Explication

Ouverture d'une nouvelle fenêtre : La fonction crée une nouvelle fenêtre de navigateur, ma fenêtre, à afficher le contenu imprimé.
Définition des éléments de page : Il ajoute des éléments HTML essentiels comme le en-tête, titre et corps au document de la nouvelle fenêtre.
Ajout de contenu DIV : le code extrait le code HTML interne de l'élément DIV spécifié (elem) et l'écrit dans la section corps de la nouvelle fenêtre.
Compatibilité spécifique au navigateur : Pour assurer la compatibilité avec les différents navigateurs, notamment IE, le La fonction utilise les méthodes document.close() et document.focus().
Impression et gestion des fenêtres : Après avoir construit le document HTML, le document de ma fenêtre est fermé pour empêcher d'autres modifications. Le focus du navigateur est défini sur la nouvelle fenêtre pour permettre l'impression. La méthode print() est appelée et enfin, la nouvelle fenêtre est fermée.

En utilisant cette fonction, vous pouvez imprimer sans effort le contenu de n'importe quel élément DIV avec des fonctionnalités supplémentaires comme un titre de page, garantissant compatibilité et offrant une expérience d'impression fluide à vos utilisateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!