js 实现打印功能

Posted 2020-09-27 chanjuan

前端js实现打印功能的两种方式：

1、利用iframe，隐藏iframe，直接通过按钮直接打印，弹出打印设置页面。

　　　　

<button onclick="doPrint();">print</button>
<iframe style="display:none"  id="printIframe" frameBorder=0 scrolling=no width="100%"  src="./test.pdf"></iframe>



function doPrint(){
        $("#printIframe")[0].contentWindow.print();
    }

此打印方法需要在服务中运行。

 

2、使用插件PDFObject.js

　　

<script src="./js/PDFObject-new.js"></script>
<script type="text/javascript">

    window.onload = function (){
        var myPDF = new PDFObject({ url: "./test.pdf" }).embed();
      };
</script>