Maison > interface Web > js tutoriel > Exemple d'impression JavaScript d'une zone spécifiée d'une page Web_javascript skills

Exemple d'impression JavaScript d'une zone spécifiée d'une page Web_javascript skills

WBOY
Libérer: 2016-05-16 16:50:04
original
1295 Les gens l'ont consulté

Principe de spécification de la zone div dans la page d'impression JavaScript : utilisez window.open() pour ouvrir une nouvelle page (fenêtre) dans le navigateur, utilisez window.document.write() pour écrire le contenu de la zone div spécifiée dans le nouveau document de fenêtre, le document .close() ferme le document et utilise window.print() pour appeler l'imprimante afin d'imprimer le document actuel.

Fonction d'impression JavaScript myPrint(obj) :

Copier le code Le code est le suivant :

function myPrint(obj){
//Ouvre une nouvelle fenêtre newWindow
var newWindow=window.open("Print Window","_blank");
//Le div à imprimer Contenu
var docStr = obj.innerHTML;
//Le contenu imprimé est écrit dans le document newWindow
newWindow.document.write(docStr);
//Fermer le document
newWindow .document.close ();
//Appelez l'imprimante
newWindow.print();
//Fermez la page newWindow
newWindow.close();
}

Méthode d'appel myprint() :

Copier le code Le code est le suivant :
myPrint(document.getElementById('printDivID'));

Exemple de code :

Copier le code Le code est le suivant :
function myPrint(obj){
var newWindow=window.open("Print Window","_blank");
var docStr = obj.innerHTML;
newWindow.document. write(docStr );
newWindow.document.close();
newWindow.print();
newWindow.close();
}

< ;div id ="print">


Imprimez la zone de démonstration Après avoir cliqué sur imprimer, le contenu ici sera chargé dans une nouvelle fenêtre !



Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal