1. Descrição do programa
1) Este programa pode selecionar uma área da página para impressão e imprimir em modo iframe;
2) A diferença do print() original é que o conteúdo da página atualmente acessada pode ser completamente retido após o cancelamento da impressão da página.
2. Parte do código
1) Função JS:
Copie o código do código da seguinte forma:
function do_print(id_str)//id-str imprime o id da área
{
var el = document.getElementById(id_str);
var iframe = document.createElement('IFRAME');
vardoc = nulo;
iframe.setAttribute('estilo', 'posição:absoluto;largura:0px;altura:0px;esquerda:-500px;topo:-500px;');
document.body.appendChild(iframe);
doc = iframe.contentWindow.document;
//Introduzir o estilo CSS proprietário para impressão, www.111Cn.net irá modificá-lo de acordo com a situação real
doc.write("<LINK rel="stylesheet" type="text/css" href="css/print.css">");
doc.write('<div>' + el.innerHTML + '</div>');
doc.close();
iframe.contentWindow.focus();
iframe.contentWindow.print();
if (navigator.userAgent.indexOf("MSIE") > 0)
{
document.body.removeChild(iframe);
}
}
2)HTML:
Copie o código do código da seguinte forma:
//Área de impressão:
<div id="print_box">
...
</div>
//chama impressão
<button onclick="javascript:do_print('print_box');">Imprimir</button>
3. Teste
Clique no botão imprimir na página para testar a impressão;
Além dos métodos acima, também podemos usar jquery para instanciar, o código é o seguinte
Copie o código do código da seguinte forma:
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.PrintArea.js"></script>
<roteiro>
$(documento).ready(function(){
$("input#biuuu_button").click(function(){
$("div#myPrintArea").printArea();
});
});
</script>
<input id="biuuu_button" type="button" value="Imprimir"></input>
<div id="myPrintArea">.....Parte de impressão de texto.....</div>
Se quisermos obter impressão de área, podemos tentar o seguinte método
O artigo a seguir compartilha um método super simples para realizar a função de impressão da página. Ele pode não apenas imprimir a página inteira, mas também imprimir uma determinada área da página.
Copie o código do código da seguinte forma:
<html>
<cabeça>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<linguagem script="javascript">
função printdiv(imprimirpágina){
var headstr="<html><head><title></title></head><body>";
var footstr="</body>";
var newstr=document.all.item(printpage).innerHTML;
var oldstr=document.body.innerHTML;
document.body.innerHTML=headstr+newstr+footstr;
janela.print();
document.body.innerHTML=oldstr;
retornar falso;
}
</script>
<title>div imprimir</title>
</head>
<corpo>
<input type="button" onClick="printdiv('div_print');"
<div id="div_print">
<h1 style="Color:Red">Área de impressão: www.VeVB.COm</h1>
</div>
Esta área não pode ser impressa!
</body>
</html>