前端window.print()方法调起打印机

由于项目中用到了打印功能,也在网上查询了些方法,总体来说有两个思路:

  1. dom替换

  2. 新窗口打印

dom替换会导致事件失效,如果重新加载的话又会影响到体验;而新窗口因为样式问题也不好解决,都不满足项目的需求,于是把自己的方法写一下,方便自己以后查询。

思路 :其实很简单,当前页面有各种问题的话干脆就跳转新页面,在跳转到新页面后 执行 window.print(); 方法,window.print();方法不是异步的,所以当执行window.print();后,只有你选择确定或者取消才会接着执行下面的代码,这样的话就只需要在 window.print();下面添加返回上个页面的代码即可,话不多说,上代码!

window.print();

javaScript:history.go(-1);

对,你没看错,就是这么简单,进入页面调起打印预览,完成后返回上个页面

你可能感兴趣的:(前端window.print()方法调起打印机)