首页 > 代码库 > js 实现打印功能

js 实现打印功能

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

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

    

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



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


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

 

2、使用插件PDFObject.js

  

<script src="http://www.mamicode.com/js/PDFObject-new.js"></script>
<script type="text/javascript">

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

 

js 实现打印功能