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>
     
  • 相关阅读:
    优雅的python 写排序算法
    web快速开发c/s软件构架
    软件需求分析模板
    软件工程方面常用图定义和符号
    http协议本身能获取客户端Mac地址问题
    转 苹果的新编程语言 Swift 简介
    转 程序员思维
    转 A Week with Mozilla's Rust
    Unix哲学
    Rule of Modularity
  • 原文地址:https://www.cnblogs.com/duelsol/p/3821985.html
Copyright © 2011-2022 走看看