javascript打印页面

打印方法：window.print()

打印前：window.onbeforeprint

打印后：window.onafterprint

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>打印</title><style>/* 去除浏览器默认页眉页脚 */@media print {@page {margin: 0;}body {margin: 1cm;}}</style></head><body><div>不打印的内容</div><div class="print"><span>打印区域1</span><p>打印区域2</p><div>打印区域3</div></div><input type="button" value="打印" onclick="printHandle()" /></body><script>function printHandle() {let body_box = window.document.body.innerHTMLlet print_box = document.querySelector('.print').innerHTML// 打印前window.onbeforeprint = () => {console.log('开始打印')window.document.body.innerHTML = print_box}// 打印后window.onafterprint = () => {console.log('结束打印')window.document.body.innerHTML = body_box // vue使用此方法第二次点按钮会失效// location.reload() // 可使用刷新解决vue按钮失效问题}// 打印window.print()}</script>
</html>

参考：前端网页打印window.print()-CSDN博客

javascript打印页面相关推荐

JavaScript打印页面的出错异常与IE调用其他网页
一.打印页面出错原因重点是"try-catch"语句的运用.try语句用来运行代码,当代码有错误发生时,则转到catch语句继续执行.在catch语句中,使用"e.de ...
jqprint 分页打印_javascript如何实现打印页面？
我们在网页开发过程中经常会有打印页面的需求,通过JS来实现的方法有很多.下面本篇文章就来给大家介绍几种使用JavaScript打印页面的方法,希望对大家有所帮助. 方式一:window.print() ...
开源的javascript实现页面打印功能，兼容所有的浏览器（情况属实）
这篇文章完全是属于技术文章,也是记录一下自己在项目当中遇到的坑爹问题啊,因为是B/S的程序,所以打印功能还是必须要有的,对于打印我选择了一个js插件,发现非常的简单和方便,所以这里拿出来和大家分享一下 ...
使用Vue @media print在JavaScript中插入不同尺寸的打印页面，可自定义尺寸大小和打印机配置
本文介绍了如何在Vue项目中使用@media print和JavaScript来插入不同尺寸的打印页面,并提供了代码编写.使用教程.注意事项和避坑点,最后进行了总结. 一.介绍在开发Web应用程序时 ...
html页面如何打印,javascript如何打印页面？
我们在网页开发过程中经常会有打印页面的需求,通过JS来实现的方法有很多,下面我们看一下JavaScript中通过window.print()方法与jqprint()插件打印页面的方法. 方式一:win ...
javascript打印
<HTML> <HEAD> <TITLE>JavaScript利用IE内置打印控件IEWebBrowser进行打印/打印页面设置/打印预览/控制分页打印</T ...
urllib2 爬虫打印页面内容，部分无法显示
爬了一下起点小说网的内容,结果发现打印页面内容时丢失了部分内容这个是我的代码 import re import urllib2 user_agent ='Mozilla/5.0 (Windows N ...
js打印页面指定区域内容
2种方式: 一种只支持IE浏览器另一种支持各类浏览器 <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...
javascript打印发票
几个月前,公司的某一个项目需要连接到打印机打印订单发票,利用javascript的window.print()调用打印页面进行打印.随着时间的推移,客户那边每次打印发票都需要手动进行切割.一个订单的发 ...

javascript打印页面

javascript打印页面相关推荐

最新文章

热门文章