1.本次主要彌補工做流,用戶表單數據的打印javascript
2.使用JQprint作爲web打印插件css
3.兼容:FireFox,Chrome,IE、html
4.沒有依賴也沒有配置,使用簡單java
代碼下載:https://github.com/tanathos/jquery.jqprintjquery
(因爲我本地沒有打印機,因此彈出輸出到傳真和PDF,XPS,輸出到PDF與打印結果實際上是一致的)git
引入相關JSgithub
<script src="~/Scripts/jquery.min.js"></script> <script src="~/Scripts/jquery.jqprint-0.3.js"></script>
我這裏使用的jQuery v1.11.3web
<script language="javascript"> function Print(){ $("#setFormLayout").jqprint(); } </script>
只須要指定打印內容的DIV,我上面表單是包含在ID爲setFormLayout、瀏覽器
$("#printContainer").jqprint({ debug: false, //若是是true則能夠顯示iframe查看效果(iframe默認高和寬都很小,能夠再源碼中調大),默認是false importCSS: true, //true表示引進原來的頁面的css,默認是true。(若是是true,先會找$("link[media=print]"),若沒有會去找$("link")中的css文件) printContainer: true, //表示若是原來選擇的對象必須被歸入打印(注意:設置爲false可能會打破你的CSS規則)。 operaSupport: true//表示若是插件也必須支持歌opera瀏覽器,在這種狀況下,它提供了創建一個臨時的打印選項卡。默認是true });
使用太過簡單,jqprint源碼也極其簡潔易懂spa