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
Lepaskan: 2016-05-16 16:42:38
asal
2189 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
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan