首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

web页面的单页打印以及批量打印实现方法

打印事件:window.print() 1.单页打印(布局打印): function printCnt(){ //1.获取当前页的html代码 var body = window.document.body.innerHTML...; //2.要打印的部分(#print里面的内容就是要打印的内容) window.document.body.innerHTML =document.getElementById(...window.document.body.innerHTML = body; //重新载入当前文档: location.reload(); } 注意:location.reload();要加,因可解决JS...window.print()第二次点击事件失效问题 2.批量打印 注意点: (1).控制网页的分页:page-break-after:always 注意:避免在表格、浮动元素、带有边框的块元素中使用分页属性...//如果是本地测试,需要先新建Print.html,如果是在域中使用,则不需要 // res 是后端返回的需要打印的xxx.html页面 var pwin=window.open(res,"print

5K00
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Webpack实战-管理多个单页应用

    实际的做法是按照功能模块划分成多个单页应用,每个单页应用生成一个 HTML 文件。并且随着业务的发展更多的单页应用可能会逐渐被加入到项目中去。...虽然上一节已经解决了自动化生成 HTML 的痛点,但是手动去管理多个单页应用的生成也是一件麻烦的事情。...来继续改造上一节的例子,要求如下: 项目目前共有2个单页应用组成,一个是主页 index.html,一个是用户登入页 login.html; 多个单页应用之间会有公共的代码部分,需要把这些公共的部分抽离出来...例如多个页面都使用一套 CSS 样式,都采用了 React 框架,这些公共的部分需要抽离到单独的文件中; 随着业务的发展后面可能会不断的加入新的单页应用,但是每次新加入单页应用不能去改动构建相关的代码。...--从多个页面中抽离出的公共 JavaScript代码--> js"> <!

    1.9K50

    JS 实现分页打印

    在调用 window.print() 时,可以实现打印效果,但内容太多时要进行分页打印。...在样式中有规定几个打印的样式 page-break-before 和 page-break-after CSS属性并不会修改网页在屏幕上的显示,这两个属性是用来控制文件的打印方式。...page-break-before 若设定成 always,则是在遇到特定的组件时,打印机会重新开始一个新的打印页。...page-break-before 若设定成left,则会插入分页符号,直到指定的组件出现在一个左边的空白页上。...如果必要则在元素前插入分页符 always 在元素前插入分页符 avoid 避免在元素前插入分页符 left 在元素之前足够的分页符,一直到一张空白的左页为止 right 在元素之前足够的分页符,一直到一张空白的右页为止

    14.2K21

    Webpack实战-管理多个单页应用

    实际的做法是按照功能模块划分成多个单页应用,每个单页应用生成一个 HTML 文件。并且随着业务的发展更多的单页应用可能会逐渐被加入到项目中去。...虽然上一节已经解决了自动化生成 HTML 的痛点,但是手动去管理多个单页应用的生成也是一件麻烦的事情。...来继续改造上一节的例子,要求如下: 项目目前共有2个单页应用组成,一个是主页 index.html,一个是用户登入页 login.html; 多个单页应用之间会有公共的代码部分,需要把这些公共的部分抽离出来...例如多个页面都使用一套 CSS 样式,都采用了 React 框架,这些公共的部分需要抽离到单独的文件中; 随着业务的发展后面可能会不断的加入新的单页应用,但是每次新加入单页应用不能去改动构建相关的代码。...--从多个页面中抽离出的公共 JavaScript代码--> js"> <!

    61210

    多个线程如何轮流打印ABC特定的次数?

    之前的一篇文章,我给出了关于多线程应用的几个例子: 都是基于Java里面Lock锁实现的,分别是: (1)两个线程轮流打印奇数和偶数 (2)多个线程模拟买票 (3)模拟生产者消费者 今天再抛砖引玉,思考一下如何在多个线程中...,轮流打印特定顺序的信息多少次。...解决思路: 首先需要声明3个线程,我们可以分别叫A线程,B线程,C线程: 在这里面: A线程仅仅负责打印A。 B线程仅仅负责打印B。 C线程仅仅负责打印C。...但是呢,他们必须是有顺序,也就是说A打印完之后,才能打印B,B打印完后才行打印C,这就涉及线程协作和通信的知识了,A线程打印完毕之后,要通知B线程打印,B线程打印完之后要通知C线程打印,如果有多轮的话,...结果如下: A线程打印: A B线程打印: B C线程打印: C A线程打印: A B线程打印: B C线程打印: C A线程打印: A B线程打印: B C线程打印: C 至此,这个问题就搞定了,

    2.6K30

    多个标签页中复用同一 QTableView

    在 PyQt 中实现在多个标签页中复用同一个 QTableView 实例,复用同一个 QTableView 实例可以减少内存和资源的使用。...1、问题背景在使用 PyQt5 开发 GUI 程序时,有时需要在多个标签页中显示相同的数据。为了提高性能,希望使用同一个 QTableView 来显示不同标签页中的数据,只需过滤数据即可。...2、解决方案经过调研,发现 QTableView 不支持在多个标签页中复用。最优雅的解决方案是为每个标签页创建一个独立的 QTableView。...MainWindow() window.show() sys.exit(app.exec_())代码例子2:使用同一个 QTableView 过滤数据由于 QTableView 不支持在多个标签页中复用...,因此如果需要在多个标签页中显示相同的数据,但需要过滤数据,可以使用以下方法:创建一个 QAbstractItemModel,该模型包含所有数据。

    13710
    领券