Heim > Artikel > Web-Frontend > Die jQuery-Methode zur Steuerung des Webseitendrucks gibt den angegebenen Bereich_jquery an

Die jQuery-Methode zur Steuerung des Webseitendrucks gibt den angegebenen Bereich_jquery an

WBOYOriginal: 2016-05-16 16:05:161147Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie jQuery das Drucken eines bestimmten Bereichs auf einer Webseite steuert. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Verwenden Sie jQuery, um die Webseite zum Drucken eines bestimmten Bereichs zu steuern. Sie können die ID eines Div-Bereichs angeben, um einen Teil der Webseite zu drucken, wie im folgenden Code gezeigt:

<html>
<head>
<title>jquery 打印指定区域内容</title>
<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function printHtml(html) {
var bodyHtml = document.body.innerHTML;
document.body.innerHTML = html;
window.print();
document.body.innerHTML = bodyHtml;
}
function onprint() {
var html = $("#printArea").html();
printHtml(html);
}
</script>
</head>
<body>
<div>
<div id="printArea" 
style="width: 500px; text-align: left;">
打印区域~~~~
</div>
<br />
<div>
<input type="button" id="btnPrint" 
onclick="onprint()" value="print" />
</div>
</div>
</body>
</html>

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

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：Mehrere unterschiedliche Merkmale von TypeScript_GrundkenntnisseNächster Artikel：Mehrere unterschiedliche Merkmale von TypeScript_Grundkenntnisse

In Verbindung stehende Artikel

Mehr sehen