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

HTML局部打印区域打印的两种实现方法总结

在开发中,有时需要实现页面的局部打印功能,不打印页面上不需要的区域, 例如页面: aaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbb</...prnhtml = document.getElementById(“toPrint”); 3.将页面body替换为待打印内容并进行打印 window.document.body.innerHTML...2、body来回替换的过程中,如果原页面中有较为复杂的js渲染效果,可能会受影响 方法二:jquery.PrintArea.js局部打印 步骤: 1、引入js 因为PrintArea依赖于jquery...ps: PrintArea还提供一些打印时的附加优化功能,例如: 1.mode:模式,当点击打印按钮时触发模式,默认为iframe,当设置为popup则会新开一个窗口页面打印。...3.popClose:完成打印后是否关闭窗口,默认为false。 具体可参考官方API

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

    使用VBA自动更改Excel打印区域

    标签:VBA 在Excel中,将打印区域设置在移动单元格区域内可能是比较困难的事。你可能希望捕捉特定单元格区域打印区域,或者让打印区域仅考虑某些列。...假设在Excel工作簿中有几个辅助列,不希望打印这些列,但希望这些列可见。可以手动设置打印区域以排除非打印区域,但现在已经添加了更多数据,并且希望以同样的方式更新打印区域。...下面的VBA过程将生成从列A到列D的打印区域,而不管你是否更新数据,只要在列A至列D,都将包含在打印区域中。...End Sub 其中,当前单元格所在的“数据块”中所有数据将被视为打印区域的一部分。...这种代码可以添加到Change事件中,这样不必反复运行该宏就会让打印区域自动包含更新后的数据。

    2.1K20

    使用VBA设置可以实时更新的打印区域

    标签:VBA 有时候,工作表中的数据经常发生更新,这样,如果要设置打印区域的话,那么每次更新后都得重新选择并设置,以便将更新的数据包括到打印区域中。...如果希望在工作表数据更新的同时,设置的打印区域也相应的更新,那该如何实现呢? 可以使用VBA代码。...PageSetup.PrintArea = .Range("A1", .Range("C" & Rows.Count).End(xlUp)).Address End With End Sub 如果数据为单元格A1所在的当前区域...如果想要让Excel自动更新设置打印区域,则需要使用工作表的Change事件。...UpdatePrintArea 'UpdatePrintAreaCur End Sub 这样,当工作表数据发生变化时,会调用UpdatePrintArea过程或者UpdatePrintAreaCur过程,重新设置打印区域

    1.9K20

    ps怎么进行局部打印? ps图片只打印选中区域的技巧

    在Photoshop CC中打开一张图片后,在打印时,有的情况下,可能不想打印整张图片,只想打印出图片的一部分区域,这时不必在画布中删除不想打印的部分。...可以参考本文的方法,让Photoshop CC只打印图片的一部分区域。...2、用选框工具选择图片要打印区域。 ? 3、 选择区域后,点击文件菜单中的【打印】。 ? 4、这时会打开打印设置对话框,点击其中的【位置和大小】选项。 ?...5、这时会展开【位置和大小】选项,在图示的【打印选定区域】选项前的方框中点击鼠标,勾选该选项。 ? 6、勾选后,在左侧的预览区域会高亮打印范围。 ? 7、这时再点击打印按钮即可打印图片的部分区域。...以上就是ps图片只打印选中区域的技巧,希望大家喜欢,请继续关注ZaLou.Cn。

    3.8K31

    打印自定义纸张大小

    长江支流说的办法保留太多了,结果不行,很多类都是他在程序集里自定义的,源码又没公开 不过还是要感谢他的提示    今天和小陈搞了一天,他在国外的论坛上看到了一篇文章得到了启示,最后我们在凌晨3点终于把自定义纸张的代码给写出来了...,看来必须用API,微软的.NET对打印的支持太菜了 现公开我们工作室实现此功能的部分代码 using System; using System.Text; using System.Runtime.InteropServices... 成都微创工作室(电子科技大学微创工作室)  /// Tell 028-82853098  /// Email zyspipi@163.com  , you680@gmail.com  /// 打印机纸张的真正自定义部分代码...SendMessageTimeoutFlags flags,           uint timeout,           out IntPtr result          );       //打印纸张长宽设置

    74130

    js获取网页屏幕可视区域高度

    document.documentElement.clientHeight ==> 可见区域高度 看了以上代码,可能会有疑问说body和可见区域到底有什么不同呢,我们在console里运行一下会发现在不同的网页中有不同的情况值...原因就是:在浏览器默认的情况下,body有8-10px左右的边距,而可见区域包括了这个边距,因此如果我们用到body{padding:0;margin:0;}来消除这种默认的情况。...以下是兼容主流浏览器(IE/Firefox/Chrome/Safari)获取浏览器窗口可视区域(不包括滚动条)和滚动条位置的代码: ? ?...1 // 获取浏览器窗口的可视区域的宽度 2 function getViewPortWidth() { 3 return document.documentElement.clientWidth...|| document.body.clientWidth; 4 } 5 6 // 获取浏览器窗口的可视区域的高度 7 function getViewPortHeight() { 8

    9.5K10

    js在控制台打印html页面,vue 使用print-js 打印html页面

    Print.js 官网 官网 优点:可以打印多种格式的内容(pdf、json、html等) 打印json时可以添加表头。...打印html页时可以继承原有页面的样式,局部打印,过滤掉要打印的元素,及其方便。...一、vue安装命令: npm install print-js –save 二、引入 这个引入不需要在main.js中,直接在使用的.vue中引入即可 这里颜色虽然是灰色,但是也要添加,否则会报错。...properties:是打印json时所需要的数据属性。 gridHeaderStyle和gridStyle都是打印json时可选的样式。...targetStyles: [’*’],这样设置继承了页面要打印元素原有的css属性。 style:传入自定义样式的字符串,使用在要打印的html页面 也就是纸上的样子。

    8.6K30
    领券