js 实现打印带分页

IE 自带的接口打印

1)在body中加入这个object

<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0

VIEWASTEXT>

</OBJECT>

2)在head头部加入

<!--media=print 这个属性可以在打印时有效-->  
<style media=print>  
.Noprint{display:none;}  
.PageNext{page-break-after: always;}  
</style>
说明:

Noprint样式可以使页面上的打印按钮等不出现在打印页面上,这一点非常重要,因为它可以用最少的代

码完成最需要的功能

PageNext样式可以设置分页,在需要分页的地方<div class="PageNext"></div>就OK了

3)一些功能

<input    onclick=document.all.WebBrowser.ExecWB(1,1)    type=button    value=打开   

name=Button1>     
<input    onclick=document.all.WebBrowser.ExecWB(4,1)    type=button    value=另存为   

name=Button2>     
<input    onclick=document.all.WebBrowser.ExecWB(10,1)    type=button    value=属性   

name=Button3>     
<input    onclick=document.all.WebBrowser.ExecWB(6,1)    type=button    value=打印   

name=Button>     
<input    onclick=document.all.WebBrowser.ExecWB(7,1)    type=button    value=打印预览

name=Button>     
<input    onclick=document.all.WebBrowser.ExecWB(8,1)    type=button    value=页面设置   

name=Button4>     
<br/>     
<input    onclick=window.location.reload()    type=button    value=刷新    name=refresh>   

 
<input    onclick="window.external.ImportExportFavorites(true,'');"    type=button   

value=导入收藏夹    name=Button5>     
<input    onclick="window.external.ImportExportFavorites(false,'');"    type=button   

value=导出收藏夹    name=Button32>     
<input    onclick="window.external.AddFavorite(location.href,    document.title)"   

type=button    value=加入收藏夹    name=Button22>     
<br/>     
<input    onclick="window.external.ShowBrowserUI('OrganizeFavorites',    null)"   

type=button    value=整理收藏夹    name=Submit2>     
<input    onclick='window.location="view-source:"    +    window.location.href'   

type=button    value=查看源文件    name=Button7>     
<input    onclick="window.external.ShowBrowserUI('LanguageDialog',    null)"    type=button

   value=语言设置    name=Button6>    
Firefox 和IE 打印

直接用js

window.print();

css 样式, page-break-after: always;//强制设置分页(在需要分页的时候加入)

猜你喜欢

转载自liangyuxiang.iteye.com/blog/2084326