Comment imprimer le contenu d'un DIV spécifique sur différents navigateurs ?-js tutoriel-php.cn

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

DDD

Libérer： 2024-12-18 03:41:10

original

903 Les gens l'ont consulté

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;
}

Copier après la connexion

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);
}

Copier après la connexion

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!