1 <!-- 打印插件 --> 2 <script src="/js/Lodop/LodopFuncs.js" type="text/javascript"></script> 3 <object id="LODOP_OB" 4 classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0> 5 <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0></embed> 6 </object>
這是打印的html頁面
1 <form action="offcomplete/print" method="post"> 2 <input type="hidden" id="id" name="offBatchfile.id" 3 value="${offBatchfile.id!}" /> 4 <%if(off.display_Name == null){%> 5 <div class="print_btn_box"> 6 <a href="#" onclick="PrintURL()" class="btn btn-default"><i class="fa fa-print"></i>打印</a> 7 <a href="/offcomplete/export/${printUsefullId!}" class="btn btn-default"><i class="fa fa-file-word-o"></i>下載</a> 8 </div> 9 <%}%> 10 <div align="center" id="print"> 11 <% include("/offcomplete/view.html"){}%> 12 </div> 13 </form>
然後給打印按鈕一個 click 事件
1 <script type="text/javascript"> 2 //打印注冊 3 function PrintURL() { 4 try { 5 var LODOP = getLodop(document.getElementById('LODOP_OB'), document 6 .getElementById('LODOP_EM')); 7 LODOP.PRINT_INIT(""); 8 LODOP.SET_PRINT_STYLE("FontSize", 18); 9 LODOP.SET_PRINT_STYLE("Bold", 1); 10 LODOP.ADD_PRINT_HTM(45, 55, 770, 1004, document 11 .getElementById("print").innerHTML); 12 LODOP.PREVIEW(); 13 } catch (e) { 14 15 } 16 } 17 </script>
如果這些步驟都做完了就可以實現打印了,在客戶端打印的時候可能會遇到一些問題(IE浏覽器不會出現),比如要提示這樣的安裝信息。那就說明沒有安裝 install_lodop 安裝前最好看一下電腦的操作系統和所用的浏覽器是多少位的,分為32位和64位,選擇安裝。
希望我的分享能留有余香,我建議不管做什麼樣的Web項目,浏覽器的選擇還是挺重要的。 一般來說我習慣開始就用IE,因為不管是誰買了電腦,微軟的東西肯定是必不可少的就裝在了系統裡,除非不是Windows操作系統的電腦,而且IE對很多浏覽器來說算是最低端的,其他浏覽器多多少少也會有IE內核,開發出來的東西最低端的浏覽器運行都不出問題,那根據客戶下載喜好的高級浏覽器那就更沒問題了,理論上是這麼的,低版本的都能過關了,更何況高版本的。當然作為開發者還是青睐於狐火浏覽器,用它來調試比較好。