suchen

Heim >Web-Frontend >js-Tutorial >window.print-Methode zum Drucken eines bestimmten Bereichs einer bestimmten Webseite in einer bestimmten div_javascript-Fähigkeit

window.print-Methode zum Drucken eines bestimmten Bereichs einer bestimmten Webseite in einer bestimmten div_javascript-Fähigkeit

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 16:40:291750Durchsuche

Die erste Methode: Geben Sie den nicht druckbaren Bereich an
Verwenden Sie CSS, um eine .noprint-Klasse zu definieren und nicht druckbaren Inhalt in diese Klasse einzufügen.
Details sind wie folgt: 

<style media=print type="text/css"> 
.noprint{visibility:hidden} 
</style>

Inhalt zum Ausdrucken. Ha ha! 

<p class="noprint">将不打印的代码放在这里。</p> 
<a href="javascript:window.print()" rel="external nofollow" target="_self">打印</a>

Die zweite Methode: Geben Sie den Druckbereich an
Fügen Sie den zu druckenden Inhalt in ein Span- oder Div-Format ein und drucken Sie ihn dann über eine Funktion aus. 

<span id='div1'>把要打印的内容放这里</span> 
<p>所有内容</p> 
<div id="div2">div2的内容</div> 
<a href="javascript:printme()" rel="external nofollow" target="_self">打印</a> 
<script language="javascript"> 
function printme() 
{ document.body.innerHTML=document.getElementByIdx_x_x('div1').innerHTML+'<br/>'+document.getElementByIdx_x_x('div2').innerHTML; 
window.print(); 
} 
</script>

Wenn Sie nur einen kleinen Teil der gesamten Seite drucken möchten, verwenden Sie am besten die zweite Methode.

Die dritte Methode: Wenn das Layout der zu druckenden Seite stark von der Original-Webseite abweicht, verwenden Sie diese Methode. Klicken Sie auf die Schaltfläche „Drucken“, um ein neues Fenster zu öffnen, den zu druckenden Inhalt im neuen Fenster anzuzeigen, die Methode window.print() im neuen Fenster aufzurufen und das neue Fenster dann automatisch zu schließen.
window.print kann Webseiten drucken, aber manchmal möchten wir nur bestimmte Steuerelemente oder Inhalte drucken. Was sollen wir tun?

Zuerst können wir den zu druckenden Inhalt in ein Div einfügen und dann den folgenden Code zum Drucken verwenden. 

<html> 
<head> 
<script language="javascript"> 
function printdiv(printpage) 
{ 
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; 
window.print(); 
document.body.innerHTML = oldstr; 
return false; 
} 
</script> 
<title>div print</title> 
</head> 

<body> 
//HTML Page 
//Other content you wouldn't like to print 
<input name="b_print" type="button" class="ipt" onClick="printdiv('div_print');" value=" Print "> 

<div id="div_print"> 

<h1 style="Color:Red">The Div content which you want to print</h1> 

</div> 
//Other content you wouldn't like to print 
//Other content you wouldn't like to print 
</body>
</html>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Vertieftes Verständnis der Funktionsüberladung in JavaScript_Javascript-KenntnissenNächster Artikel：Vertieftes Verständnis der Funktionsüberladung in JavaScript_Javascript-Kenntnissen

In Verbindung stehende Artikel

Mehr sehen