Kürzlich fragte ein Freund, wie man eine Vorschau in js druckt. Lassen Sie uns zunächst das Druckprinzip verstehen. Machen Sie einfach eine Startmarkierung für den Teil, den Sie drucken möchten. Sie können schreiben, was Sie möchten. Ich werde hier den Inhalt schreiben, der gedruckt werden muss
. Da das Markup nicht für Benutzer sichtbar sein muss, habe ich einen Kommentar hinzugefügt! Der spezifische Implementierungscode lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<title>打印预览简单实现</title>
</head>
<body>
<div>
这是body 里的内容不需要打印，具体的页面设计根据自己的要求自行设计。如果需要一个页面多个tag,可以动态生成tag
</div>
<!--startprint-->
<div>
这是我需要打印的内容
</div>
<!--endprint-->
<script type="text/javascript">
function preview()
{
var bdhtml=window.document.body.innerHTML;//获取当前页的html代码
var startStr="<!--startprint-->";//设置打印开始区域
var endStr="<!--endprint-->";//设置打印结束区域
var printHtml=bdhtml.substring(bdhtml.indexOf(startStr)+startStr.length,bdhtml.indexOf(endStr));//从标记里获取需要打印的页面
window.document.body.innerHTML=printHtml;//需要打印的页面
window.print();
window.document.body.innerHTML=bdhtml;//还原界面
}
preview();
</script>
</body>
</html>
So lösen Sie das Problem, dass Ethernet keine Verbindung zum Internet herstellen kann
So löschen Sie Daten in MongoDB
Ursachen und Lösungen von Laufzeitfehlern
So installieren Sie den Druckertreiber unter Linux
So lösen Sie 400badrequest
Centos7 Firewall schließen
So löschen Sie die letzte leere Seite in Word
Oracle fügt Trigger-Methode hinzu
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
