当前位置: 首页 > Web前端 > JavaScript

前端打印功能模式

时间:2023-03-27 15:14:40 JavaScript

'+'@page{尺寸:自动;边距:0mm;}打印的多种实现方式:1、打印整页;window.print();//让a=document.getElementById('dd').innerHtml();window.print(a);//部分打印2.利用图片转另一个html实现打印;下载:html2canvas.min.js导入;![image.png](/img/bVcVPvh)如果需要设置新页脚的页眉,让a=''+'@page{尺寸:自动;边距:0mm;}'newWindow.document.write(a);这样就可以在新打开的页面上设置页眉和页脚了,完美解决!关于如何动态添加styleSheets:letstyle=document.createElement('style');style.type='文本/css';style.media='打印';style.innerHtml='颜色:红色';document.getElementsByTagName('HEAD').item(0).appendChild(风格);很有意思,卡在media的时候怎么添加,想了想突然发现方法是一样的哈哈哈哈,直接write()方法虽然粗糙,但是直接有效。参考文档:【html动态添加样式,Javascript动态创建样式node_渴饮易水流博客-CSDN博客】https://blog.csdn.net/weixin_...【JS添加css样式_chengzhibe359483的博客-CSDN博客】https://blog.csdn.net/chengzh...【html2canvas生成模糊图片?两种解决方案