網站開發進階 十二 JS實現打印功能 包括打印預覽 打印設置等
阿新 • • 發佈：2019-03-07
content color 利用 lis cor 解決 推薦 ati center
JS實現打印功能(包括打印預覽、打印設置等)
緒
最近在進行項目開發時，需要實現後臺管理端打印功能，遂在網上一陣搜索，搜到了很多相關的文章。其中絕大部分文章都是使用的Lodop5.0(Web打印和套打控件)控件，而且有些環境下還不能使用。如有想使用此控件實現打印功能的盆友，可點擊進行下載。但我強烈推薦下面的方法，即利用系統本身的打印屬性實現打印功能。簡單的一條系統調用命令即可實現。前提條件:
進行的電腦必須連接有打印機,至於判斷PC是否連接打印機的問題還未能解決，歡迎有解決方法的朋友留言，小生不勝感激!代碼
介紹兩個關鍵的css
<style media="print">
.Noprint { DISPLAY: none }
.PageNext{ PAGE-BREAK-AFTER: always }
</style>
第一個在不需要打印的標簽上添加（子標簽也將不被打印），第二個在需要換行的標簽處添加（該標簽所表示的內容將在當前打印的一頁內）
基本的做法就是直接調用系統打印功能，如下代碼所示:
window.print()；
就可實現頁面局部打印了，很easy吧！而且可以實現打印預覽、設置等操作。
再分享一下我老師大神的人工智能教程吧。零基礎！通俗易懂！風趣幽默！還帶黃段子！希望你也加入到我們人工智能的隊伍中來！http://www.captainbed.net
網站開發進階 十二 JS實現打印功能 包括打印預覽 打印設置等