zoukankan      html  css  js  c++  java
  • 使用JavaScript打印网页指定DIV区域

     JavaScript打印页面指定div区域原理:使用window.open()在浏览器打开一个新的页面(window), 使用 window.document.write()将指定div区域的内容写入新窗口文档,document.close()关闭文档,使用window.print()调用打印机打印当前文档。


    JavaScript打印函数myPrint(obj):

    function myPrint(obj){
        //打开一个新窗口newWindow
        var newWindow=window.open("打印窗口","_blank");
        //要打印的div的内容
        var docStr = obj.innerHTML;
        //打印内容写入newWindow文档
        newWindow.document.write(docStr);
        //关闭文档
        newWindow.document.close();
        //调用打印机
        newWindow.print();
        //关闭newWindow页面
        newWindow.close();
    }

    myprint()调用方法:

    myPrint(document.getElementById('printDivID'));

    实例代码:

    <script>
    function myPrint(obj){
        var newWindow=window.open("打印窗口","_blank");
        var docStr = obj.innerHTML;
        newWindow.document.write(docStr);
        newWindow.document.close();
        newWindow.print();
        newWindow.close();
    }
    </script>
    <div id="print">
    <hr />
       打印演示区域,点击打印后会在新窗口加载这里的内容!
    <hr />
    </div>
    <button onclick="myPrint(document.getElementById('print'))">打 印</button>
     
  • 相关阅读:
    切换node版本
    vue 移动端组件
    vue 单元测试
    git
    每日日报
    每日日报
    每日日报
    01人月神话阅读笔记之三
    每日日报
    每日日报
  • 原文地址:https://www.cnblogs.com/duelsol/p/3821985.html
Copyright © 2011-2022 走看看