js 实现页面打印功能

admin10年前技术文档1627
     要实现页面打印功能。这个需求往往听起来挺复杂,挺高级的,其实没那么难,下面本文分享一种超简单的方法实现页面的打印功能,
不仅可以打印整个页面,还可以打印页面某块区域。下面是具体的实例代码:

    <html>    
    <head>    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
    <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();     
        document.body.innerHTML=oldstr;    
        return false;    
    }    
    </script>    
    <title>div print</title>    
    </head>    
    <body>    
    <input type="button" onClick="printdiv('div_print');" value=" 打印 ">    
    <div id="div_print">    
    <h1 style="Color:Red">被打印区域:www.phpernote.com</h1>    
    </div>    
    这块区域是打印不到的!    
    </body>    
    </html>


分享到:

相关文章

Vim的保存文件和退出命令

命令简单说明:w保存编辑后的文件内容,但不退出vim编辑器。这个命令的作用是把内存缓冲区中的数据写到启动vim时指定的文件中。:w!强制写文件,即强制覆盖原有文件。如果原有文件的访问权限不允许写入文件...

centos svn安装及配置与使用

下面是安装及配置:主要参考:http://hi.baidu.com/chxl800/item/445d9dd7b095d14afa576821安装:#yum install subversi...

PHP数组和Json之间的转换

        之所以要用到Json,很多时候是因为使用ajax对象时,程序与JS函数之间的数据交互。因为JS不认识PHP中的数组...

jquery回车提交表单事件代码

jquery回车提交表单事件,增加了一个按钮,按钮事件如下:  onClickButton:function(){    //因为在编辑grid ...

PHP设计模式

策略模式策略模式是对象的行为模式,用意是对一组算法的封装。动态的选择需要的算法并使用。策略模式指的是程序中涉及决策控制的一种模式。策略模式功能非常强大,因为这个设计模式本身的核心思想就是面向对象编程的...

MongoDB 3.2 在CentOS 上的安装和配置

一、安装编辑/etc/yum.repos.d/mongodb-org-3.2.repo[mongodb-org-3.2] name=MongoDB Repository baseurl=...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。