recherche

Maison >interface Web >js tutoriel >Comment imprimer le contenu d'un DIV spécifique sur différents navigateurs ?

Comment imprimer le contenu d'un DIV spécifique sur différents navigateurs ?

DDD
DDDoriginal
2024-12-18 03:41:10900parcourir

How to Print a Specific DIV's Content Across Different Browsers?

Comment imprimer le contenu d'un DIV

L'impression du contenu d'un élément DIV spécifique peut être utile pour créer des rapports PDF ou préserver le Web contenu. La méthode préférée pour réaliser cette tâche varie en fonction du navigateur.

Chrome et autres navigateurs modernes

Pour les versions actuelles de Chrome et d'autres navigateurs modernes, l'extrait de code suivant démontre la meilleure approche :

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

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

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

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

    return true;
}

Cette fonction ouvre une nouvelle fenêtre, la remplit avec le contenu du DIV spécifié et déclenche l'impression processus. Il inclut les modifications nécessaires par rapport aux versions antérieures pour une fonctionnalité optimale dans Chrome.

Anciens navigateurs

Dans les navigateurs plus anciens tels qu'Internet Explorer 9 et versions antérieures, une approche différente est requise . L'extrait de code suivant gère l'impression pour ces navigateurs :

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

Cette fonction concentre simplement le DIV et active la fonction d'impression à l'aide d'un raccourci clavier par défaut, qui peut varier en fonction du navigateur.

Par en mettant en œuvre ces techniques, vous pouvez imprimer efficacement le contenu d'un élément DIV sur différents navigateurs, répondant ainsi à vos besoins d'impression de documents.

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!

chrome print for using function default this Other
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment actualiser dynamiquement une image à partir de la même URL sans mise en cache du navigateur ?Article suivant：Comment actualiser dynamiquement une image à partir de la même URL sans mise en cache du navigateur ?

Articles Liés

Voir plus