對JS的打印方法總結一下,方便日后查閱。
一.用JS自帶函數打印
直接調用
- <a href="javascript:window.print();">打印</a>
<a href="javascript:window.print();">打印</a>
二.IEWebBrowser組件
介紹
http://support.microsoft.com/default.aspx?scid=kb%3BEN-US%3BQ267240#top
http://support.microsoft.com/kb/q247671/#appliesto
- <OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
- <input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打開>
- <input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=關閉所有>
- <input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存為>
- <input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印>
- <input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印>
- <input name=Button onClick=document.all.WebBrowser.ExecWB(7,1) type=button value=打印預覽>
- <input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=頁面設置>
- <input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=屬性>
- <input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=全選>
- <input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新>
- <input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=關閉>
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
<input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打開>
<input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=關閉所有>
<input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存為>
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印>
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印>
<input name=Button onClick=document.all.WebBrowser.ExecWB(7,1) type=button value=打印預覽>
<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=頁面設置>
<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=屬性>
<input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=全選>
<input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新>
<input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=關閉>
三.使用ScriptX.cab控件
1.下載ScriptX.cab控件
官網
http://www.meadroid.com/scriptx/index.asp
2.使用object元素,修改codebase,classid的值
這里調用控件ScriptX.cab
- <OBJECT id="factory" style="DISPLAY: none" codeBase="${rootUrl}js/smsx.cab#VVersion=6,3,435,20" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>
<OBJECT id="factory" style="DISPLAY: none" codeBase="${rootUrl}js/smsx.cab#VVersion=6,3,435,20" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>
這段代碼用來加載cab文件,clsid和codebase必須要和你下載的cab中的信息對應,否則組件會加載錯誤,這兩項其實不難找,只要你用winrar打開你下載的cab文件,然后找到擴展名是.inf的文件,然后打開之,就能看到了。
3.調用控件腳本
Print.js文件
- function setPrintBase(headerText,footerText,rootUrl) {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- var header = (headerText==null||headerText=="")?'默認頁眉':headerText;
-
- var footer = (footerText==null||footerText=="")?'默認頁角':footerText;
-
- factory.printing.header = "&b"+header+"&b" ;
-
- factory.printing.footer = "&b"+footer;
-
- factory.printing.portrait = true;
-
- factory.printing.leftMargin =10.00;
-
- factory.printing.topMargin =10.00;
-
- factory.printing.rightMargin =10.00;
-
- factory.printing.bottomMargin =10.00;
-
- }
function setPrintBase(headerText,footerText,rootUrl) {
// -- advanced features ,未曾使用過,有待確認。
//factory.printing.SetMarginMeasure(2); // measure margins in inches
//factory.SetPageRange(false, 1, 3);// need pages from 1 to 3
//factory.printing.printer = "HP DeskJet 870C";
//factory.printing.copies = 2;
//factory.printing.collate = true;
//factory.printing.paperSize = "A4";
//factory.printing.paperSource = "Manual feed"
var header = (headerText==null||headerText=="")?'默認頁眉':headerText;
var footer = (footerText==null||footerText=="")?'默認頁角':footerText;
factory.printing.header = "&b"+header+"&b" ;
factory.printing.footer = "&b"+footer;
factory.printing.portrait = true;
factory.printing.leftMargin =10.00;
factory.printing.topMargin =10.00;
factory.printing.rightMargin =10.00;
factory.printing.bottomMargin =10.00;
}
例子
- <%@ page contentType="text/html;charset=GBK"%>
-
- <html>
- <head>
- <meta http-equiv="imagetoolbar" content="no">
- <script language="javascript" src="print.js"></script>
- <style media="print">
- .Noprint {DISPLAY: none;}
- </style>
- <title>打印測試</title>
- </head>
- <OBJECT id="factory" style="DISPLAY: none" codeBase="smsx.cab#VVersion=6,3,435,20" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>
-
- <script defer>
- function window.onload() {
- setPrintBase('頁眉','頁腳');
- }
- </script>
- <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
- <center class="Noprint">
- <input type=button value="打印" onclick="factory.printing.Print(true)">
- <input type=button value="頁面設置" onclick="factory.printing.PageSetup()">
- <input type=button value="打印預覽" onclick="factory.printing.Preview()">
- <input type="button" value="關閉" onclick="window.close();">
- </center>
- <center>
- <table width="100%" border="0" cellpadding="0" cellspacing="0">
- <tr><td align="center"><b>內容</b></td></tr>
- </table>
- </center>
- </body>
- </html>
<%@ page contentType="text/html;charset=GBK"%>
<html>
<head>
<meta http-equiv="imagetoolbar" content="no">
<script language="javascript" src="print.js"></script>
<style media="print">
.Noprint {DISPLAY: none;}
</style>
<title>打印測試</title>
</head>
<OBJECT id="factory" style="DISPLAY: none" codeBase="smsx.cab#VVersion=6,3,435,20" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>
<script defer>
function window.onload() {
setPrintBase('頁眉','頁腳');
}
</script>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<center class="Noprint">
<input type=button value="打印" onclick="factory.printing.Print(true)">
<input type=button value="頁面設置" onclick="factory.printing.PageSetup()">
<input type=button value="打印預覽" onclick="factory.printing.Preview()">
<input type="button" value="關閉" onclick="window.close();">
</center>
<center>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td align="center"><b>內容</b></td></tr>
</table>
</center>
</body>
</html>
四.對比
1.Window.print調用方便,但功能簡單
2.功能更強大,但使用IEWebBrowser有時會報JS沒有權限的錯誤。
3.ScriptX控件功能也比較強大,目前在使用這種方式。
posted on 2008-11-24 23:51
Vincent-chen 閱讀(223)
評論(0) 編輯 收藏 所屬分類:
JavaScript