Rumah > Artikel > hujung hadapan web > Kaedah jQuery untuk mengawal pencetakan halaman web yang ditentukan area_jquery

Kaedah jQuery untuk mengawal pencetakan halaman web yang ditentukan area_jquery

WBOYasal: 2016-05-16 16:05:161147semak imbas

Contoh dalam artikel ini menerangkan cara jQuery mengawal pencetakan kawasan tertentu pada halaman web. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Gunakan jQuery untuk mengawal halaman web untuk mencetak kawasan tertentu Anda boleh menentukan id kawasan div untuk mencetak sebahagian daripada halaman web, seperti yang ditunjukkan dalam kod berikut:

<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>

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Beberapa ciri berbeza pengetahuan TypeScript_BasicArtikel seterusnya：Beberapa ciri berbeza pengetahuan TypeScript_Basic

Artikel berkaitan

Lihat lagi