JavaScript打印PDF文件

最新推荐文章于 2024-09-10 03:33:35 发布

allway2

最新推荐文章于 2024-09-10 03:33:35 发布

阅读量2.9k

点赞数 1

本文链接：https://blog.csdn.net/allway2/article/details/121588919

版权

关键词由CSDN通过智能技术生成

<html>
    <head>
        <title>Print PDF using inline iFrame</title>
    </head>
    <body>
        <iframe 
            src="sample.pdf" id="myFrame" 
            frameborder="0" style="border:0;" 
            width="300" height="300">
        </iframe>
        <p>
            <input type="button" id="bt" onclick="print()" value="Print PDF" />
        </p>
    </body>

    <script>
        let print = () => {
            let objFra = document.getElementById('myFrame');
            objFra.contentWindow.focus();
            objFra.contentWindow.print();
        }

        // Using regular js features.

    //     function print() {
    //         var objFra = document.getElementById('myFrame');
    //         objFra.contentWindow.focus();
    //         objFra.contentWindow.print();
    //     }
    </script>
</html>

<html>
    <head>
        <title>Print PDF using Dynamic iFrame</title>
    </head>
    <body>
        <input type="button" id="bt" 
               onclick="print('sample.pdf')" 
               value="Print PDF" />
    </body>

    <script>
        let print = (doc) => {
            let objFra = document.createElement('iframe');     // Create an IFrame.
            objFra.style.visibility = 'hidden';                // Hide the frame.
            objFra.src = doc;                   // Set source.

            document.body.appendChild(objFra);  // Add the frame to the web page.

            objFra.contentWindow.focus();       // Set focus.
            objFra.contentWindow.print();       // Print it.
        }

        // Using regular js features.

    //     function print(doc) {
    //         var objFra = document.createElement('iframe');
    //         objFra.style.visibility = 'hidden';
    //         objFra.src = doc;                  
    //         document.body.appendChild(objFra);
    //         objFra.contentWindow.focus();  
    //         objFra.contentWindow.print();  
    //     }
    </script>
</html>