【转载】js 实现打印带分页

本文介绍了如何使用JavaScript在IE浏览器中实现打印功能,并利用CSS样式进行分页。通过在HTML中插入特定的OBJECT标签和添加样式,可以隐藏不需要打印的内容并设置分页点。此外,还提供了Firefox和IE浏览器的打印方法以及`window.print()`函数来触发打印操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

IE 自带的接口打印

1)在body中加入这个object

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

</OBJECT>

2)在head头部加入

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

说明:

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

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

3)一些功能

  1. <input    οnclick=document.all.WebBrowser.ExecWB(1,1)    type=button    value=打开    name=Button1>      
  2. <input    οnclick=document.all.WebBrowser.ExecWB(4,1)    type=button    value=另存为    name=Button2>      
  3. <input    οnclick=document.all.WebBrowser.ExecWB(10,1)    type=button    value=属性    name=Button3>      
  4. <input    οnclick=document.all.WebBrowser.ExecWB(6,1)    type=button    value=打印    name=Button>      
  5. <input    οnclick=document.all.WebBrowser.ExecWB(7,1)    type=button    value=打印预览name=Button>      
  6. <input    οnclick=document.all.WebBrowser.ExecWB(8,1)    type=button    value=页面设置    name=Button4>      
  7. <br/>      
  8. <input    οnclick=window.location.reload()    type=button    value=刷新    name=refresh>      
  9. <input    οnclick="window.external.ImportExportFavorites(true,'');"    type=button    value=导入收藏夹    name=Button5>      
  10. <input    οnclick="window.external.ImportExportFavorites(false,'');"    type=button    value=导出收藏夹    name=Button32>      
  11. <input    οnclick="window.external.AddFavorite(location.href,    document.title)"    type=button    value=加入收藏夹    name=Button22>      
  12. <br/>      
  13. <input    οnclick="window.external.ShowBrowserUI('OrganizeFavorites',    null)"    type=button    value=整理收藏夹    name=Submit2>      
  14. <input    οnclick='window.location="view-source:"    +    window.location.href'    type=button    value=查看源文件    name=Button7>      
  15. <input    οnclick="window.external.ShowBrowserUI('LanguageDialog',    null)"    type=button    value=语言设置    name=Button6>     

Firefox 和IE 打印

直接用js

window.print();

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值