首頁 > 開發者 > JavaScript
最近有朋友問js 如何預覽列印，今天就來講解一下，首先瞭解一下列印原理，其實局部列印頁面很簡單。就是把你需要列印的部分做一個起始標記，至於標記如何寫，隨便你寫什麼。我這裡就寫 <!--startprint--> 需要列印的內容
<!--endprint-->. 因為標記是不需要讓使用者看見的所以加了注釋！具體實現代碼如下：
<!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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
