您好,欢迎访问三七文档
方法多多,自己收集一下1、js实现(可实现局部打印)Html代码1.!--打印的实现1:start--2.3.inputid=btnPrinttype=buttonvalue=打印onclick=javascript:window.print();/4.5.!--将不需要打印的部分,标记为class=noprint--6.styletype=text/cssmedia=print7..noprint{display:none}8./style9.10.pclass=noprint不需要打印的地方/p11.12.p打印的部分/p13.14.15.!--打印的实现1:end--16.17.18.19.!--*************************2011-09-28更新了代码****************************--20.21.22.23.24.!--打印的实现2:start--25.26.inputid=btnPrinttype=buttonvalue=打印预览onclick=preview(1)/27.script28.functionpreview(oper)29.{30.if(oper10)31.{32.bdhtml=window.document.body.innerHTML;//获取当前页的html代码33.sprnstr=!--startprint+oper+--;//设置打印开始区域34.eprnstr=!--endprint+oper+--;//设置打印结束区域35.prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18);//从开始代码向后取html36.prnhtmlprnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html37.window.document.body.innerHTML=prnhtml;38.window.print();39.window.document.body.innerHTML=bdhtml;40.}else{41.window.print();42.}43.}44./script45.46.pXXXXX/p47.48.!--startprint1--要打印的内容!--endprint1--49.50.再加个打印按纽onclick=preview(1)51.52.!--打印的实现2:end--2、调用windows底层打印,报安全警告,不建议使用(不支持局部打印)Html代码1.HTML2.HEAD3.TITLEjavascript打印-打印页面设置-打印预览代码/TITLE4.METAhttp-equiv=Content-Typecontent=text/html;charset=gb2312/5.SCRIPTlanguage=javascript6.functionprintsetup(){7.//打印页面设置8.wb.execwb(8,1);9.}10.functionprintpreview(){11.//打印页面预览12.13.wb.execwb(7,1);14.15.}16.17.functionprintit()18.{19.if(confirm('确定打印吗?')){20.wb.execwb(6,6);21.}22.}23./SCRIPT24./HEAD25.BODY26.27.DIValign=center28.OBJECTid=wbheight=0width=029.classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2name=wb/OBJECT30.INPUTonclick=javascript:printit()type=buttonvalue=打印name=button_print/31.INPUTonclick=javascript:printsetup();type=buttonvalue=打印页面设置name=button_setup/32.INPUTonclick=javascript:printpreview();type=buttonvalue=打印预览name=button_show/33.一按开始的减肥了卡时间段34./DIV35./BODY36./HTML3、jQuery实现(支持局部打印)Html代码1.scripttype=text/javascriptsrc=jquery-1.4.2.min.js/script2.scripttype=text/javascriptsrc=jquery.PrintArea.js/script3.script4.$(document).ready(function(){5.$(input#biuuu_button).click(function(){6.7.$(div#myPrintArea).printArea();8.9.});10.});11.12./script13.14.15.16.17.inputid=biuuu_buttontype=buttonvalue=打印/input18.19.divid=myPrintArea.....文本打印部分...../div第一种方法:指定不打印区域使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。详细如下:stylemedia=printtype=text/css.noprint{visibility:hidden}/style要打印的内容。哈哈!pclass=noprint将不打印的代码放在这里。/pahref=javascrīpt:window.print()target=_self打印/a第二种方法:指定打印区域把要打印的内容放入一个span或div,然后通过一个函数打印。spanid='div1'把要打印的内容放这里/spanp所有内容/pdivid=div2div2的内容/divahref=javascrīpt:printme()target=_self打印/ascrīptlanguage=javascrīptfunctionprintme(){document.body.innerHTML=document.getElementById('div1').innerHTML+'br/'+document.getElementById('div2').innerHTML;window.print();}/scrīpt如果要打印的只是整个页面中的一小部分,就最好采用第二种方法。第三种方法:如果要打印的页面排版和原web页面相差很大,采用此种方法。点打印按钮弹出新窗口,把需要打印的内容显示到新窗口中,在新窗口中调用window.print()方法,然后自动关闭新窗口。1、控制纵打、横打”和“页面的边距。(1)scriptdeferfunctionSetPrintSettings(){//--advancedfeaturesfactory.printing.SetMarginMeasure(2)//measuremarginsininchesfactory.SetPageRange(false,1,3)//needpagesfrom1to3factory.printing.printer=HPDeskJet870Cfactory.printing.copies=2factory.printing.collate=truefactory.printing.paperSize=A4factory.printing.paperSource=Manualfeed//--basicfeaturesfactory.printing.header=ThisisMeadCofactory.printing.footer=AdvancedPrintingbyScriptXfactory.printing.portrait=falsefactory.printing.leftMargin=1.0factory.printing.topMargin=1.0factory.printing.rightMargin=1.0factory.printing.bottomMargin=1.0}/script(2)scriptlanguage=javascriptfunctionprintsetup(){//打印页面设置wb.execwb(8,1);}functionprintpreview(){//打印页面预览wb.execwb(7,1);}functionprintit(){if(confirm('确定打印吗?')){wb.execwb(6,6)}}/script/headbodyOBJECTclassid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2height=0id=wbname=wbwidth=0/OBJECTinputtype=buttonname=button_printvalue=打印onclick=javascript:printit()inputtype=buttonname=button_setupvalue=打印页面设置onclick=javascript:printsetup();inputtype=buttonname=button_showvalue=打印预览onclick=javascript:printpreview();inputtype=buttonname=button_fhvalue=关闭onclick=javascript:window.close();------------------------------------------------关于这个组件还有其他的用法,列举如下:WebBrowser.ExecWB(1,1)打开Web.ExecWB(2,1)关闭现在所有的IE窗口,并打开一个新窗口Web.ExecWB(4,1)保存网页Web.ExecWB(6,1)打印Web.ExecWB(7,1)打印预览Web.ExecWB(8,1)打印页面设置Web.ExecWB(10,1)查看页面属性Web.ExecWB(15,1)好像是撤销,有待确认Web.ExecWB(17,1)全选Web.ExecWB(22,1)刷新Web.ExecWB(45,1)关闭窗体无提示2、分页打印HTMLHEADSTYLEP{page-break-after:always}/STYLE/HEADBODY%whilenotrs.eof%P%=rs(0)%/P%rs.movenext%%wend%/BODY/HTML3、ASP页面打印时如何去掉页面底部的路径和顶端的页码编号(1)ie的文件-〉页面设置-〉讲里面的页眉和页脚里面的东西都去掉,打印就不出来了。(2)HTMLHEADTITLENewDocument/TITLEMETANAME=GeneratorCONTENT=EditPlusMETANAME=AuthorCONTENT=YCscriptlanguage=VBScriptdimhkey_root,hkey_path,hkey_keyhkey_root=HKEY_CURRENT_USERhkey_path=\Software\Microsoft\InternetExplo
本文标题:js 实现打印功能
链接地址:https://www.777doc.com/doc-3386099 .html