js调用打印机自动分页的功能（仅适用于IE浏览器）

做个功能需要打印的时候添加分页，哪怕是内容不够也需要分页。

浏览器上显示

打印预览是这样的：

模拟打印出来是这样的

都是显示的是5页，方法很简单。
在需要分页的位置加上一行代码：

<div class="PageNext"></div>

　　css样式是这样的：

.PageNext{page-break-after: always;}

　　以上就是实现的打印分页的功能。

另外有几个打印的常用方法记录一下。

1、调用打印的方法：

wb.execwb(6,6)

2、调用打印预览的方法：

wb.execwb(7,1);

3、调用打印设置的方法：

wb.execwb(8,1);

注意：调用以上的方法时，需要在head部分加入一行代码：

<object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" style="display: none"></object>

　否则不能使用该方法。

4、其他的实现打印的方法：

// 调用打印
function callPrint() {var srcBody = '', startPrintMark = '', endPrintMark = '', printContent = '';srcBody = window.document.body.innerHTML;startPrintMark = "<!--startprint-->";endPrintMark = "<!--endprint-->";  printContent = srcBody.substring(srcBody.indexOf(startPrintMark) + startPrintMark.length); printContent = printContent.substring(0, printContent.indexOf(endPrintMark));window.document.body.innerHTML = printContent;window.print();window.document.body.innerHTML = srcBody;window.location.reload();
}

<!--startprint-->加在需打印的部分的前面

<!--endprint-->加在需打印部分的后面但是这样的打印需要引入相同的css文件，否则样式就会发生变化。这样做的好处是，可以自定义打印页面中的部分内容。下面是一个简单的demo，仅供参考。

<!doctype html>
<html><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Document</title><script type="text/javascript">// 调用打印
function callPrint() {var srcBody = '', startPrintMark = '', endPrintMark = '', printContent = '';srcBody = window.document.body.innerHTML;startPrintMark = "<!--startprint-->";endPrintMark = "<!--endprint-->";  printContent = srcBody.substring(srcBody.indexOf(startPrintMark) + startPrintMark.length); printContent = printContent.substring(0, printContent.indexOf(endPrintMark));window.document.body.innerHTML = printContent;window.print();window.document.body.innerHTML = srcBody;window.location.reload();
}</script></head><body>
<div>
<input type="button" id="printButton" οnclick="callPrint()" value="打印">
<hr>
<pre>
这里有很多内容，但是我不想打印出来。现在的我总是心好烦
每天都是寂寞陪我作伴
心中的梦想更是难以实现
苏州这座城市已没有我的期盼现在的钞票比以前更是难赚
想讨个老婆更是难上加难
买套公寓似乎说的那么简单
实现起来更是比登天还难谁能告诉我该怎么办
工作的压力，生活的难
谁愿意把生活来消遣
若不是难过，谁愿意抽烟我的泪水谁为我擦干
我的爱情何时能出现
什么时候才能更有钱
什么时候才能做老板
我看到帅哥美女踏青游玩
心里觉得总是有点孤单
我站在路边傻傻的期盼
幻想美丽的公主拥入我的心田树上的鸟儿歌唱爱很简单
湖里的鸳鸯在戏水游玩
小朋友在挥手露出可爱笑脸
身边的妈妈更是美丽的典范谁能告诉我该怎么办
工作的压力，生活的难
谁愿意把生活来消遣
若不是难过，谁愿意抽烟我的泪水谁为我擦干
我的爱情何时能出现
什么时候才能更有钱
什么时候才能做老板谁能告诉我该怎么办
工作的压力，生活的难
谁愿意把生活来消遣
若不是难过，谁愿意抽烟我的泪水谁为我擦干
我的爱情何时能出现
什么时候才能更有钱
什么时候才能做老板</pre></div>
<hr>
<!--startprint-->
<div>这里是我想要打印的部分。<br>
<br>
<br>
<pre>
去大理
词：郝云
曲：郝云
演唱：黄渤是不是对生活不太满意很久没有笑过又不知为何既然不快乐又不喜欢这里不如一路向西去大理路程有点波折空气有点稀薄景色越辽阔 心里越寂寞不知道谁在何处等待不知道后来的后来谁的头顶上没有灰尘谁的肩上没有过齿痕也许爱情就在洱海边等着也许故事正在发生着谁的头顶上没有灰尘谁的肩上没有过齿痕也许爱情就在洱海边等着
也许故事正在发生着
</pre>
</div>
<!--endprint--></body>
</html>

　　打印出的结果如下图：

转载于:https://www.cnblogs.com/mini-firework/p/4934415.html

js调用打印机自动分页的功能（仅适用于IE浏览器）相关推荐

JS 调用打印机打印网页文档
引用自:灯火阑珊hy js调用打印机打印整体或部分有时前端的项目中需要添加打印的功能,首先要知道打印分为整体打印和局部打印两种,而局部打印又可细分为局部打印指定的部分,和局部打印指定部分之外的部分 ...
JS 调用打印机，打印HTML中的部分内容
如何在页面上调用打印机!!! 要打印的内容:JSP上的一个<DIV></DIV>, 打印按钮: 打印按钮的方法: $(function(){ $('#checkin_div ...
【转】js实现复制到剪贴板功能，兼容所有浏览器
2019独角兽企业重金招聘Python工程师标准>>> 两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家 ...
js调用打印机打印网页字体总是缩小一号的解决方法
直接调用window.print(),但是打印出来后,字体总是缩小一号,后来直接target="_blank",就可以正常打印了,下面是实现代码今天要做一个打印网页的小功能,直接 ...
JS调用打印机打印Web页面
第一种方法:指定不打印区域使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 详细如下: <style media=print type="tex ...
js调用打印机直接打印_标签打印机测评丨用手机控制和键盘直接操作哪种更好用？...
厨房收纳.化妆品标识.文件分类.网线管理--标签打印机几乎能为各种杂七杂八的物品贴上标签,有了它,想要的东西一找一个准,省心又省力. 但对于大多数人来说,标签打印机还是"新鲜玩意" ...
js调用打印机实现打印发票
1.jsp页面,前提自己电脑上面要连接有打印机才行 <title>缴费凭证</title> </head> <script src="js/jque ...
记一次Electron 桌面应用实现调用打印机打印小票功能
项目背景实现一款交互屏桌面应用软件,类似医院那张种给用户操作办理业务的应用程序.操作业务中在充值后可供用户打印小票. 开发框架:electron-vue vue版本:v2.6.14 electron ...
用js调用摄像头实现拍照功能兼容到ie8
最近公司要求做个项目刷脸登陆要求既能兼容高版本浏览器,又要能兼容到ie8及ie以上,欧米噶,虽然ie让我脑壳疼,但是还是得解决,在网上看了很多资料,最终选用jquery.webcam来实现ie的拍照 ...

js调用打印机自动分页的功能（仅适用于IE浏览器）

js调用打印机自动分页的功能（仅适用于IE浏览器）相关推荐

最新文章

热门文章