suchen

Heim >Web-Frontend >js-Tutorial >JS-Teildruckmethode

JS-Teildruckmethode

小云云
小云云Original
2017-11-28 09:33:572618Durchsuche

In diesem Artikel stellen wir Ihnen eine sehr einfache Technologie vor, mit der JS Teildrucke realisiert. Es gibt viele Arten von JS-Drucken Drucken. 

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>局部打印案例</title> 
<script type="text/javascript">   
  function doPrint() {   
    bdhtml=window.document.body.innerHTML;   
    sprnstr="<!--startprint-->";   
    eprnstr="<!--endprint-->";   
    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);   
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));   
    window.document.body.innerHTML=prnhtml;  
    window.print();   
}   
</script> 
</head> 
   
<body> 
<p>1不需要打印的地方</p> 
<p>2这里不要打印啊</p> 
<!--startprint--><!--注意要加上html里star和end的这两个标记--> 
<h1>打印标题</h1> 
<p>打印内容~~</p> 
<!--endprint--> 
<button type="button" onclick="doPrint()">打印</button> 
<p>不打印的地方啊哈哈哈哈</p> 
<p>2</p> 
</body> 
</html>

Der obige Inhalt ist ein Fall von teilweisem Drucken mit JS. Ich hoffe, er kann allen helfen.

Verwandte Empfehlungen:

JS steuert Webdruck (Teildruck) Methode Anordnung_Javascript-Kenntnisse

JS oder JQuery können Seitendruck realisieren Teildruck_Javascript Fähigkeiten

Es werden mehrere Methoden zum Drucken von Ergebnissen angezeigt

Das obige ist der detaillierte Inhalt vonJS-Teildruckmethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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：Ausführliche Erläuterung des responsiven Front-End-Layouts, der responsiven Bilder und des selbst erstellten RastersystemsNächster Artikel：Ausführliche Erläuterung des responsiven Front-End-Layouts, der responsiven Bilder und des selbst erstellten Rastersystems

In Verbindung stehende Artikel

Mehr sehen