js pelaksanaan prinsip pratonton cetakan halaman separa dan kemahiran contoh code

js pelaksanaan prinsip pratonton cetakan halaman separa dan kemahiran contoh code_javascript

WBOY

Lepaskan： 2016-05-16 16:42:38

asal

2149 orang telah melayarinya

Baru-baru ini, seorang rakan bertanya cara mencetak pratonton dalam js Hari ini saya akan menerangkannya terlebih dahulu, mari kita fahami prinsip pencetakan separa adalah sangat mudah. Hanya buat tanda permulaan untuk bahagian yang anda ingin cetak Bagi cara menulis tanda, anda boleh menulis apa sahaja yang anda mahu. Saya akan menulis di sini kandungan yang perlu dicetak

Kerana markup tidak perlu dilihat oleh pengguna, saya menambah ulasan! Kod pelaksanaan khusus adalah seperti berikut:

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

Salin selepas log masuk