js调用网页打印接口

打印前后监听函数

    window.onbeforeprint = beforePrint;window.onafterprint = afterPrint;

1、创建新窗口

let wind = window.open(

'/print/' + printModalName, //跳转地址

'newwindow', //窗口名称

'height=700, width=1300, top=100, left=100, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=yes, status=no'

);

2、新窗口调用打印

wind.print();

3、创建元素用来保存要传给新窗口的数据

let hideInput = document.createElement('input');

hideInput.type = 'hidden';

hideInput.name = 'dataname';

hideInput.value = JSON.stringify(resData);

document.body.appendChild(hideInput);

4、新窗口获取旧窗口数据

let hideInput = opener.document.querySelector('input[name="dataname"]'), //opener为原窗口

data = JSON.parse(hideInput.value);

5、打印完成后操作：关闭新窗口

window.onafterprint = () => {

window.close();

};

js调用网页打印接口相关推荐

JS 调用打印机打印网页文档
引用自:灯火阑珊hy js调用打印机打印整体或部分有时前端的项目中需要添加打印的功能,首先要知道打印分为整体打印和局部打印两种,而局部打印又可细分为局部打印指定的部分,和局部打印指定部分之外的部分 ...
JS调用百度api接口——实现简单的百度页面
描述: JS调用百度api接口--实现简单的百度页面效果: 实现: css文件: @charset "utf-8"; /* CSS Document */ *{margin: 0 ...
vue.js 调用java_Vue.js调用后端java接口的实例代码
Vue.js调用后端java接口的实例代码发布于 2020-11-30| 复制链接分享一篇关于Vue调用后端java接口的实例代码,具有很好的参考价值,希望对大家有所帮助.一起跟随小妖过来看看吧 ...
Jquery、Js实现网页打印，及打印样式的自定义
本来今天准备继续更新webpack的内容的,但是上午修改了一下公司网站的代码,然后就开始研究网页打印的东西了,弄了一下午,搞的整个人都不好了.刚好也来讲一下一些收获,其实也不算什么收获,但是还是来跟大 ...
JS调用打印机打印Web页面
第一种方法:指定不打印区域使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 详细如下: <style media=print type="tex ...
js实现网页打印分页打印
web打印思路:html页面本身带有打印功能window.print() 但是在打印时又不能word模板的要求来打印不能满足打印需求.同时我们打印的数据有时候是动态变化的需要按模板来打印我的处理方式是 ...
web系统中使用js调用activex打印费用报销单
此单据以凭证纸大小打印 var printer = new ActiveXObject("TPrint.mPrinter"); 打印之前需要选择打印机js调用 function s ...
用JS进行网页打印设置
1function doPage() 2{ 3layLoading.style.display = "none";//同上 4} 5 6//设置网页打印的页眉页脚为空 ...
html js打印页边距,js 设立网页打印的页眉页脚和页边距
var HKEY_Root,HKEY_Path,HKEY_Key; HKEY_Root="HKEY_CURRENT_USER"; HKEY_Path="\\Softwar ...
html js 打印编辑页眉,js 设置网页打印的页眉页脚和页边距
var HKEY_Root,HKEY_Path,HKEY_Key; HKEY_Root="HKEY_CURRENT_USER"; HKEY_Path="//Softwar ...

js调用网页打印接口

js调用网页打印接口相关推荐

最新文章

热门文章