当前位置:首页 > 技术文档 > 正文内容

js 实现页面打印功能

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

    <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>


分享到:

扫描二维码推送至手机访问。

版权声明:本文由云河空间发布,如需转载请注明出处。

本文链接:http://yuyunhe.cn/index.php/post/96.html

分享给朋友:

“js 实现页面打印功能” 的相关文章

如何自己手工获取自己的Access Token

如何自己手工获取自己的Access Token

在使用WP2PCS前,你需要了解,WP2PCS目前只支持百度网盘,(将来将支持360网盘和腾讯微云,这要看它们的API什么时候开放, 且容易开发)是基于百度PCS的API开发的,和坊间流传的抓取百度网盘文件直链不同,WP2PCS从百度网盘获取文件的源(二进制流),是百度许可并鼓 励开发者使用的接...

php 获取当前网址

function get_url() {     $sys_protocal = isset($_SERVER['SERVER_PORT']) && $_SERVER...

php无限分类-总结

//php代码部分  <?php         header('Content-Type:text/html;charset=utf-8');    ...

wamp下虚拟主机的配置

1  编辑httpd.conf,查找Include conf/extra/httpd-vhosts.conf,把前面注释符号“#”删掉。 2  编辑httpd-vhosts.conf,我把WAMPServer安装在D:/wamp,所以我这里的路径是D:\wamp\Apache2\...

PHP利用Curl模拟登录并获取数据例子

PHP利用Curl模拟登录并获取数据例子

几乎所有的程序员来模仿用户登录或抓取数据都会使用到curl函数,下面我来给各位介绍利用curl函数实现登录并抓取数据,希望下面例子对各位有帮助。PHP的curl()在抓取网页的效率方面是比较高的,而且支持多线程,而file_get_contents()效率就要稍低些,当然,使用curl时需要开启下c...

ThinkPHP实现多数据库连接的解决方法

这篇文章主要介绍了ThinkPHP实现多数据库连接的解决方法,需要的朋友可以参考下ThinkPHP实现连接多个数据的时候,如果数据库在同一个服务器里的话只需要这样定义模型:?123class MembersModel extends Model{protected $trueTableName =...

发表评论

访客

看不清,换一张

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