Maison > interface Web > js tutoriel > js appelle iframe pour implémenter la méthode d'impression de la page content_jquery

js appelle iframe pour implémenter la méthode d'impression de la page content_jquery

WBOY
Libérer: 2016-05-16 16:57:10
original
1775 Les gens l'ont consulté

1. Description du programme

1) Ce programme peut sélectionner une zone de la page à imprimer et imprimer en mode iframe
2) La différence avec l'original print() est qu'il annule l'impression ; Le contenu de la page actuellement visitée peut être entièrement conservé après la page.

2. Partie code

1) Fonction JS :

Copier le code Le code est le suivant :

fonction do_print(id_str)//id- str identifiant de la zone d'impression
{
var el = document.getElementById(id_str);
var iframe = document.createElement('IFRAME');
var doc = null;
iframe.setAttribute (' style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
document.body.appendChild(iframe);
doc = iframe. contentWindow. document;
//Présentant le style CSS propriétaire pour l'impression, www.111Cn.net le modifie en fonction de la situation réelle
doc.write("");
doc.write('
' el.innerHTML '
');
doc.close();
iframe.contentWindow .focus();
iframe.contentWindow.print();
if (navigator.userAgent.indexOf("MSIE") > 0)
{
document. body.removeChild(iframe) ;
}
}

2) HTML :

Copier le code Le code est le suivant :

// Zone d'impression :

// Appeler l'impression



3. Test

Cliquez sur le bouton Imprimer sur la page pour tester l'impression

En plus de la méthode ci-dessus, nous pouvons également utiliser jquery pour implémenter l'exemple. Le code est le suivant :

Copiez le code. Le code est le suivant :

>
<script><br>$(document).ready(function(){<br> $("input#biuuu_button").click(function( ){<br> $("div#myPrintArea").printArea();<p> </p>});<p>});<br></script>

.....Partie d'impression de texte....


Si vous souhaitez réaliser une impression de zone, nous pouvons essayer la méthode suivante

L'article suivant partage une méthode super simple pour réaliser la fonction d'impression de la page. Il peut non seulement imprimer la page entière, mais également imprimer une certaine zone de la page

Copier le code Le code est le suivant :

< head>


div print



Zone d'impression : www.jb51.net



Cette zone ne peut pas être imprimée !



É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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal