web打印

一、普通打印（整页打）

用法:window.print();

缺点:只能打印整页,且不能消除页眉页脚信息;

二、打印网页内部分内容（自定义）

1、用JQUERY打印插件
*先载入jPrintArea插件
<mce:script type="text/javascript" src="/sitemedia/js/jquery.jPrintArea.js" mce_src="sitemedia/js/jquery.jPrintArea.js"></mce:script>
*JS设置
<mce:script language=javascript><!-- $(function() { $('#printer').click(function(){ $.jPrintArea('#content_A') }); }) // --></mce:script>
*正文设置
<div id="content_A"><div style="font-size:48px;font-family:"Code 128" ;" mce_style="font-size:48px;font-family:"Code 128" ;">004545-565-89898</div> 004545-565-89898<br />品名:计算机主机板;<br />厂址:北京西路</div></div>

优点:简洁,快速;
缺点:还是不能预览,不能去除页眉页脚;

2、用javascript打印固定标签内的内容

用法:

*JS设置
<mce:script language=javascript><!-- function doPrint() { //设置网页打印的页眉页脚为空 var hkey_root,hkey_path,hkey_key hkey_root="HKEY_CURRENT_USER" hkey_path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\" try{ var RegWsh = new ActiveXObject("WScript.Shell") hkey_key="header" RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"") hkey_key="footer" RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"") } catch(e) {} //设置网页打印的页眉页脚为默认值 //try{ //var RegWsh = new ActiveXObject("WScript.Shell") //hkey_key="header" //RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&w&b页码，&p/&P") //hkey_key="footer" //RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&u&b&d") //}catch(e){} //读取标志中间的内容,即打印内容 bdhtml=window.document.body.innerHTML; sprnstr="<!--startprint-->"; eprnstr="<!--endprint-->"; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //生成一个新的打印窗口,将内容放到中间 var oWin=window.open("","_blank","height=150, width=230,top=400, left=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"); oWin.document.write(prnhtml); oWin.focus(); oWin.document.close(); oWin.print(); oWin.close(); } // --></mce:script>


*正文中的设置
<!--startprint--><div style="font-size:48px;font-family:"Code 128" ;" mce_style="font-size:48px;font-family:"Code 128" ;">004545-565-89898</div>004545-565-89898<br />品名:计算机主机板;<br />厂址:轲呀中坚力量中西医吕</div><!--endprint--> <a href="#" mce_href="#" onClick="doPrint()">打印</a>


优点:快速打印,同进可以去除页眉页脚,支持IE,FF;
缺点:改眉脚时要写注册表,好像也不支持打印预览;


3、使用外部控件/方法实现多功能打印(基本上仅限于IE)

3.1、利用IE自带的WebBrower控件;

*在页面载入此控件;
<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=关闭>

*正文:
设置打印CSS:
//将不要打印出来的信息放入到CLASS=noprint中
<mce:style media="print"><!-- .noprint {display:None;} --></mce:style><style media="print" mce_bogus="1">.noprint {display:None;}</style> <div style="font-size:48px;font-family:"Code 128" ;" mce_style="font-size:48px;font-family:"Code 128" ;">004545-565-89898</div>004545-565-89898<br />品名:计算机主机板;<br />厂址:轲呀中坚力量中西医吕</div>


优点: 有多功能打印,快速,不打印页眉页脚;
缺点: 只能IE下用,且每次载入需要提示你装入一个控件,比较麻烦;网上好像有一个REG文件,先前设置一次就用了再提示了.(不过我的WIN2003试了好像没用)
a. 必须将ie的internet选项的安全设置中对于没有标记为安全的ActiveX控件进行...设置成提示或者启用，否则会报错，导致不可用。
b. 如果在vs.net编辑环境下编辑该页面，它经常自动的给object添加多余的参数，有了这些东西，打印就会出错，所以要记得最后保存的时候删除它们。

3.2、使用ScriptX.cab控件

*下载ScriptX.cab控件(smsx.cab)

官网http://www.meadroid.com/scriptx/index.asp

*<!--这里调用控件ScriptX.cab-->
<object id="factory" style="DISPLAY: none" mce_style="DISPLAY: none" viewastext classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" codebase="[your path]smsx.cab"></object> <mce:style media="print"><!-- .noprint {display:None;} --></mce:style><style media="print" mce_bogus="1">.noprint {display:None;}</style>

*JS设置

<mce:script defer><!-- //用于设置打印参数 function printBase() { factory.printing.footer = "" //页眉 factory.printing.footer = "" //页脚 factory.printing.portrait = true //true为纵向打印，false为横向打印 factory.printing.leftMargin = 1.5 //左页边距 factory.printing.topMargin = 0.5 //上页边距 factory.printing.rightMargin = 0.5 //右页边距 factory.printing.bottomMargin = 1.0 //下页边距 } //用于调用设置打印参数的方法和显示预览界面 function printReport(){ printBase();//打印基本设置 //window.print(); factory.printing.Preview();//打印预览 } //使界面最大化 maxWin(); function maxWin() { var aw = screen.availWidth; var ah = screen.availHeight; window.moveTo(0, 0); window.resizeTo(aw, ah); } // --></mce:script>

*主体设置
<div style="font-size:48px;font-family:"Code 128" ;" mce_style="font-size:48px;font-family:"Code 128" ;">004545-565-89898</div>004545-565-89898<br /> 品名:计算机主机板;<br />厂址:轲呀中坚力量中西医吕</div> <div class="noprint"> <input type="button" onclick="printReport()" value="打印"> <input type="button" onclick="window.close();" value="关闭"> </div>

优缺点同IE自带的控件