JavaScript 實現網頁列印 自動分頁 自動列印
/**<br /> * @package js.printer<br /> * @author wenchi<br /> * @version 20080821<br /> *<br /> * IE 5.5 6.0 7.0 測試OK<br /> * firefox 部份功能不適用<br /> * Opera , Safari 未測試<br /> *<br /> */</p> <p>/**<br /> * HOWTO:<br /> *<br /> * 第一種方式：<br /> *<br /> * 1. 於 <head></head> 之間加入<br /> * <script src="js.printer.js"></script><br /> *<br /> * <script><br /> * var JsPrinter=new JsPrinter();<br /> * </script><br /> *<br /> * 2. 於 <body></body> 之間 加入<br /> *<br /> * <a href="#" onclick="JsPrinter.splitPage();">分頁</a> <br /> * <a href="#" onclick="JsPrinter.prview();">預覽列印</a> <br /> * <a href="#" onclick="JsPrinter.print();">列印</a> <br /> * <a href="#" onclick="JsPrinter.setPrint();">設定印表機</a> <br /> *<br /> * 3. 於要分頁的節點加入 <div id="JsPrintSplit"></div><br /> *<br /> *<br /> *<br /> * 第二種方式：<br /> *<br /> * 1. 於要分頁的節點加入 <div id="JsPrintSplit"></div><br /> *<br /> * 2. 於 </body> 之前 加入<br /> * <script src="js.printer.js"></script><br /> * <script><br /> * var JsPrinter=new JsPrinter(1,1); // 自動分頁，自動列印<br /> * var JsPrinter=new JsPrinter(1); // 自動分頁，自動列印<br /> * </script><br /> *<br /> *<br /> *<br /> * Object Public Method :<br /> * 1. JsPrinter.print(); // 列印<br /> * 2. JsPrinter.prview(); // 預覽列印<br /> * 以上 IE && FireFox 適用<br /> *<br /> * 3. JsPrinter.splitPage(); // 分頁<br /> * 4. JsPrinter.setPrint(); // 設定印表機<br /> * 以上 IE 適用 ， FireFox 不適用<br /> *<br /> *<br /> *<br /> * 註：<br /> * 1. 如果要使用完整功能，請於<body> 之後加入<br /> * <object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object><br /> * 2. Firefox 如果要使用完整功能 請安裝 Firefox IE核心<br /> *<br /> *<br /> */</p> <p>/**<br /> * WebBrowser 說明<br /> * IE 5.5 6.0 7.0 測試OK<br /> * firefox不適用<br /> * Opera , Safari 未測試<br /> *<br /> *<br /> * WebBrowser.ExecWB(1,1) 打開<br /> * WebBrowser.ExecWB(2,1) 關閉現在所有的IE窗口，並打開一個新窗口<br /> * WebBrowser.ExecWB(4,1) 保存網頁<br /> * WebBrowser.ExecWB(6,1) 打印<br /> * WebBrowser.ExecWB(7,1) 打印預覽<br /> * WebBrowser.ExecWB(8,1) 打印頁面設置<br /> * WebBrowser.ExecWB(10,1) 查看頁面屬性<br /> * WebBrowser.ExecWB(15,1) 好像是撤銷，有待確認<br /> * WebBrowser.ExecWB(17,1) 全選<br /> * WebBrowser.ExecWB(22,1) 刷新<br /> * WebBrowser.ExecWB(45,1) 關閉窗體無提示<br /> *<br /> */</p> <p>/**<br /> * @param {int} autoSplit 自動分頁，預設為0<br /> * @param {int} autoPrint 自動打印，預設為0<br /> * @see <a href="http://nievor.wordpress.com/2008/07/31/javascript_print_preview/" target="_blank">http://nievor.wordpress.com/2008/07/31/javascript_print_preview/</a><br /> */<br /> function JsPrinter (autoSplit,autoPrint){</p> <p>var autoSplilt,autoPrint;</p> <p>if (!autoSplit) this.autoSplilt=0;<br /> else this.autoSplilt=Math.max(eval(autoSplit),0);</p> <p>if (!autoPrint) this.autoPrint=0;<br /> else this.autoPrint=Math.max(eval(autoSplit),0);</p> <p>if (this.autoSplilt==1) this.__splitPage();<br /> if (this.autoPrint==1) this.print();</p> <p>return true;</p> <p>}</p> <p>/** private member **/<br /> JsPrinter.prototype.__tag="JsPrintSplit";<br /> //JsPrint.prototype.autoSplilt=1;<br /> //JsPrint.prototype.autoPrint=1;</p> <p>/**<br /> * do change it<br /> */<br /> JsPrinter.prototype.isIE = document.all ? 1 : 0<br /> JsPrinter.prototype.isNs4 = document.layers ? 1 : 0<br /> JsPrinter.prototype.isDom = document.getElementById ? 1 : 0<br /> JsPrinter.prototype.isMac = navigator.platform == "MacPPC"<br /> JsPrinter.prototype.isMo5 = document.getElementById && !document.all ? 1 : 0<br /> JsPrinter.prototype.isWebBrowser=false;<br /> JsPrinter.prototype.totalPage=0;</p> <p>JsPrinter.prototype.print = function (){<br /> window.print();<br /> }</p> <p>JsPrinter.prototype.prview = function (){</p> <p>if (this.isWebBrowser==false) this.__getWebBrowser();</p> <p>if (this.isMo5 == 1 || this.isWebBrowser==0) {<br /> alert("WebBrowser not support print View");<br /> return false;<br /> }<br /> WebBrowser.ExecWB(7,1);<br /> }</p> <p>JsPrinter.prototype.setPrint = function (){</p> <p>if (this.isWebBrowser==false) this.__getWebBrowser();</p> <p>if (this.isMo5 == 1 || this.isWebBrowser==0) {<br /> alert("WebBrowser not support this function");<br /> return false;<br /> }<br /> WebBrowser.ExecWB(8,1);</p> <p>}</p> <p>JsPrinter.prototype.splitPage = function (){<br /> this.__splitPage();<br /> }</p> <p>JsPrinter.prototype.unSplitPage = function (){<br /> this.__splitPage(false);<br /> }</p> <p>JsPrinter.prototype.setTag = function (tag){<br /> this.__tag=tag;<br /> }</p> <p>/**<br /> * private method<br /> */<br /> JsPrinter.prototype.__getWebBrowser = function (){<br /> this.isWebBrowser = document.getElementById("WebBrowser") ? 1 : 0<br /> }</p> <p>/**<br /> * private method<br /> * @see <a href="http://www.w3schools.com/HTMLDOM/prop_style_pagebreakbefore.asp" target="_blank">http://www.w3schools.com/HTMLDOM/prop_style_pagebreakbefore.asp</a><br /> */<br /> JsPrinter.prototype.__splitPage = function (disable){</p> <p>if (!disable) var isSpilt="always";<br /> else var isSpilt="avoid";</p> <p>var rows=document.getElementsByTagName("div");</p> <p>for (var i=0;i<rows.length;i++){<br /> if (rows[i].id==this.__tag){<br /> rows[i].style.pageBreakBefore="always";<br /> this.totalPage++;<br /> }<br /> }</p> <p>}</p> <p>
檔案下載：js.printer.20080821.tar.gz (4.78 KB , 下載:583次)
Firefox不能正常顯示
NAME
EMAIL
Website URL
NOTE - You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
js.printer.20080821.tar.gz (4.78 KB , 下載:583次)
Firefox不能正常顯示