使用window.print()方法分页打印

最新推荐文章于 2024-06-10 16:43:59 发布
最新推荐文章于 2024-06-10 16:43:59 发布
阅读量9k 收藏 2
点赞数 1
分类专栏： HTML 文章标签： print分页 window打印 分页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014718731/article/details/66967878
版权

使用window.print()方法分页打印

只需要在每页中增加以下样式属性

style="page-break-after:always"

例如

<div style="page-break-after:always">
第一页内容 
</div>
<div style="page-break-after:always">
第二页内容 
</div>

page-break-after属性讲解
http://www.w3school.com.cn/cssref/pr_print_page-break-after.asp

别了_不想说
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
window.print().txt
11-06
window.print().txt
JS 使用 window对象的print方法实现分页打印功能
01-19
最近做项目用到了web在线打印功能，经研究使用了JS自身支持的Window对象的打印方法，此种方法兼容性比较好，在IE和火狐浏览器下使用都没有问题。  1.但是网上好多案例都不支持分页功能，最后通过CSS的page-break-...
【前端】使用window.print() 前端实现网页打印详细教程（含代码示例）
最新发布
06-10 1万+
【前端】使用window.print() 前端实现网页打印详细教程（含代码示例）
打印window.print();
a4228492的博客
04-06 100
<%@ page contentType="text/html;charset=utf-8"%><%@ page language="java" import="java.util.*"%><%@ page language="java" import="com.beyond.framework.common.config.*"%><%@ pag...
window.print()
weixin_33895475的博客
05-21 107
调用window.print()时，可以利用css来控制页面中的东西是否显示 <style> @media print{ 　　.noprint{ 　　display:none 　　} } </style> HTML如下： <table width="757" height="174" border="0" align="center"c...
JavaScript 实现打印操作
weixin_38168139的博客
08-30 1151
一.打印当前页面指定元素中的内容 方式一：直接使用window.print(); （1）首先获得元素的html内容（这里建议如果有样式最好是用内联样式的方式） var newstr = document.getElementById(myDiv).innerHTML;//得到需要打印的元素HTML （2）保存当前页面的整个html，因为window.print()打印操作是打...
window.print分页打印
04-19
首先，`window.print()` 方法非常简单，只需要在JavaScript代码中调用即可。例如： ```javascript <button onclick="window.print()">打印页面 ``` 当用户点击这个按钮时，浏览器会弹出一个打印预览窗口，展示当前...
原生JS打印插件之jQuery.EasyPrint.js使用文档
07-21
调用浏览器自带打印功能，使用JavaScript的 window.print(); 方法。 使用JS实现打印功能；JavaScript 实现打印操作；javascript打印大全；通用；js实现打印的方式；JS怎么实现页面打印呢？JavaScript 实现打印,打印...
Web分页打印 细线表格+分页打印之终极攻略
12-14
最近给客户做打印的时候，客户提出打印时不要打印该页面的头，只是打印表格里面的内容，因为头部有背景和打印按钮，而且要细线表格的那种，我想细线表格不是很简单吗 如果你还不知道细线表格怎么做，请看下面的代码...
web打印 window.print()介绍
09-05
web打印 window.print()介绍，需要的朋友可以参考一下
打印window.print()
koumeiyuu
12-10 327
之前公司要求做印刷，网上查了很多方法，然后实现了，偶然间发现了一个新的方法，和大家分享一下 想要分页打印的话 用 css 控制就行 page-break-after orpage-break-before具体使用方法请百度 <body> <div id="btnDiv" style="float:left;"> <!-- 印刷--> <button id="printBtn" type="button" class...
打印功能window.print()
GTbond的博客
01-05 5461
打印功能window.print() 1. window.print()打印其实打印的是整个当前网页 2. 3. 样式问题 如果使用less,scss 是不会生效的 只能使用css语言格式, 就是不能像less、scss嵌套写 //在style中，使用@media print{} //不要嵌套写 @media print { div{ font-size:12px; ··· } ··· } 背景颜色可能不会生效，字体颜色生效了 ...
应用CSS的page-break-after属性 实现WEB页面强制分页打印
weixin_30622181的博客
06-02 639
虽然dedecms.com向大家介绍了很多CSS属性的相关知识，但有些非常冷门的属性还是有所欠缺。在B/S程序中，对打印页面的控制，CSS相对比较弱，例如： 自动分页， 就基本没啥实际用途。我们通常需要自己在需要的时候，强制浏览器分页，这时可以使用以下样式：示例代码[www.dedecms.com]<style type="text/css">　　.w3cbbs { page-bre...
window.print()使用
weixin_44705688的博客
08-15 1815
window.print()的简单使用 打印想要的dom元素：如我只想打印下面的表格 printBtn() { let printHtml = this.$refs.printFrom.innerHTML //获取要打印的dom内容 let bodyHtml = document.body.innerHTML //获取整个页面内容 document.bod...
一文弄懂window.print（）打印
学习 记录 总结 分享
04-04 9695
一般信息填写类的需求页面，都会增设「预览」和「打印」功能。我们会通过编写 DOM 及样式来绘制出预览视图，而打印则是基于预览来生成 PDF 文件。浏览器原生 API window.print() 可以用于打印当前窗口（window.document）视图内容。调用此方法会产生一个打印预览弹框，用户可以根据具体设置来得到打印结果。
window.print()前端实现打印功能
清晨-阳光的博客
11-13 3157
window.print()方法前端实现打印功能。 window.print() 方法用于打印当前窗口的内容。 默认打印页面中body里的所有内容。 调用 print() 方法会产生一个打印预览弹框，让用户可以设置打印配置。
Window print() 方法
wang20y8的博客
04-23 392
window.print();
window.print 自动分页
08-09
在使用`window.print`进行浏览器打印时，分页是由浏览器自动处理的，而不是由JavaScript代码控制。浏览器会根据内容和打印设置自动决定如何分页。 然而，你可以通过调整页面的样式和布局来影响分页的结果。以下是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值