这次给大家带来如何使用JS实现分页打印，使用JS实现分页打印的注意事项有哪些，下面就是实战案例，一起来看一下。
在调用window.print()时，可以实现打印效果，但内容太多时要进行分页打印。
在样式中有规定几个打印的样式
page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。
每个打印属性都可以设定4种设定值：auto、always、left和right。其中Auto是默认值，只有在有需要时，才需设定分页符号 (Page breaks)。
page-break-before若设定成always，则是在遇到特定的组件时，打印机会重新开始一个新的打印页。
page-break-before若设定成left，则会插入分页符号，直到指定的组件出现在一个左边的空白页上。
page-break-before若设定成right，则会插入分页符号，直到指定的组件出现在一个右边的空白页上。
page-break-after属性会将分页符号加在指定组件后，而非之前。
在下列程序中您将可以看到这些属性的设定，
Listing 14-4 this is the first p.
This is the second p.
This is the third p.
This is the fourth p.
This is the fifth p.
This is the sixth p.
This is the last p.
登录后复制值描述auto默认值。如果必要则在元素前插入分页符always在元素前插入分页符avoid避免在元素前插入分页符left在元素之前足够的分页符，一直到一张空白的左页为止right在元素之前足够的分页符，一直到一张空白的右页为止inherit规定应该从父元素继承 page-break-before 属性的设置
在Dom对象中pageBreakBefore属性
语法:
Object.style.pageBreakBefore=auto|always|avoid|left|right
function setPageBreak() { document.getElementById("p2").style.pageBreakBefore="always"; } This is a test paragraph.
This is also a test paragraph.
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
如何处理Mac安装thrift因bison报错
如何正确处理淘宝cnpm安装后cnpm不是内部或外部命令
以上就是如何使用JS实现分页打印的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2754764.html
