cari

Rumah >hujung hadapan web >tutorial js >js pelaksanaan prinsip pratonton cetakan halaman separa dan kemahiran contoh code_javascript

js pelaksanaan prinsip pratonton cetakan halaman separa dan kemahiran contoh code_javascript

WBOY
WBOYasal
2016-05-16 16:42:382192semak imbas

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 deb9743a1dda5b69a1ef24bbfc365042 kandungan yang perlu dicetak

c474806c1b49f890ebb5bd06e2d26ef3 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>
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：Laluan pembelajaran Node.js saya (3) - fungsi node.js, panggilan balik, kod segerak dan tak segerak serta loop_node.jsArtikel seterusnya：Laluan pembelajaran Node.js saya (3) - fungsi node.js, panggilan balik, kod segerak dan tak segerak serta loop_node.js

Artikel berkaitan

Lihat lagi