1. Descripción del programa
1) Este programa puede seleccionar un área de la página para imprimir e imprimir en modo iframe;
2) La diferencia con la impresión original () es que el contenido de la página a la que se accede actualmente se puede conservar por completo después de cancelar la página de impresión.
2. Parte del código
1) función JS:
Copie el código de código de la siguiente manera:
función do_print(id_str)//id-str imprime la identificación del área
{
var el = document.getElementById(id_str);
var iframe = document.createElement('IFRAME');
vardoc = nulo;
iframe.setAttribute('estilo', 'posición:absoluta;ancho:0px;alto:0px;izquierda:-500px;arriba:-500px;');
documento.body.appendChild(iframe);
doc = iframe.contentWindow.document;
// Introduzca el estilo CSS propietario para imprimir, www.111Cn.net lo modificará según la situación real
doc.write("<LINK rel="stylesheet" type="text/css" href="css/print.css">");
doc.write('<div>' + el.innerHTML + '</div>');
doc.cerrar();
iframe.contentWindow.focus();
iframe.contentWindow.print();
si (navigator.userAgent.indexOf("MSIE") > 0)
{
documento.body.removeChild(iframe);
}
}
2)HTML:
Copie el código de código de la siguiente manera:
//Área de impresión:
<div id="imprimir_caja">
...
</div>
// llamar a imprimir
<button onclick="javascript:do_print('print_box');">Imprimir</button>
3. Prueba
Haga clic en el botón Imprimir en la página para probar la impresión;
Además de los métodos anteriores, también podemos usar jquery para crear instancias, el código es el siguiente
Copie el código de código de la siguiente manera:
<script tipo="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.PrintArea.js"></script>
<guión>
$(documento).listo(función(){
$("input#biuuu_button").hacer clic(función(){
$("div#myPrintArea").printArea();
});
});
</script>
<input id="biuuu_button" tipo="botón" valor="Imprimir"></input>
<div id="myPrintArea">.....Parte de impresión de texto.....</div>
Si queremos lograr la impresión de área podemos probar el siguiente método
El siguiente artículo comparte un método súper simple para realizar la función de impresión de la página. No solo puede imprimir la página completa, sino también un área determinada de la página.
Copie el código de código de la siguiente manera:
<html>
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8" />
<lenguaje de escritura="javascript">
función printdiv(imprimirpágina){
var headstr="<html><head><title></title></head><body>";
var footstr="</cuerpo>";
var newstr=document.all.item(printpage).innerHTML;
var oldstr=document.body.innerHTML;
document.body.innerHTML=headstr+newstr+footstr;
ventana.print();
document.body.innerHTML=oldstr;
devolver falso;
}
</script>
<título>impresión div</título>
</cabeza>
<cuerpo>
<tipo de entrada="botón" onClick="printdiv('div_print');" valor="imprimir">
<div id="div_print">
<h1 style="Color:Red">Área de impresión: www.VeVB.COm</h1>
</div>
¡Esta área no se puede imprimir!
</cuerpo>
</html>