• window.print打印指定div实例代码


    window.print可以打印网页,但有时候我们只希望打印特定控件或内容,怎么办呢,请看下面的例子

    首先我们可以把要打印的内容放在div中,然后用下面的代码进行打印。

    复制代码代码如下:
    <html>
    <head>
    <script language="javascript">
    function printdiv(printpage)
    {
    var headstr = "<html><head><title></title></head><body>";
    var footstr = "</body>";
    var newstr = document.all.item(printpage).innerHTML;
    var oldstr = document.body.innerHTML;
    document.body.innerHTML = headstr+newstr+footstr;
    window.print(); // www.jbxue.com
    document.body.innerHTML = oldstr;
    return false;
    }
    </script>
    <title>div print</title>
    </head>

    <body>

    //HTML Page
    //Other content you wouldn't like to print
    <input name="b_print" type="button" class="ipt"   onClick="printdiv('div_print');" value=" Print ">

    <div id="div_print">

    <h1 style="Color:Red">The Div content which you want to print</h1>

    </div>
    //Other content you wouldn't like to print
    //Other content you wouldn't like to print
    </body>

    </html>

  • 相关阅读:
    link和@import区别
    常用的正则表达式
    virtual dom
    git常用命令
    系统管理与进程命令
    Shell 命令
    软件安装命令
    vim 详解
    网络命令
    帮助与用户管理命令
  • 原文地址:https://www.cnblogs.com/linuxnotes/p/3474041.html
Copyright © 2020-2023  润新知