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

js 实现页面打印功能

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

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


分享到:

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

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

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

分享给朋友:

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

Win8重装及恢复系统方法

Win8重装及恢复系统方法

Win8重装及恢复系统方法  win8正式版已经发布了一段时间,大家纷纷进行试用,如果操作系统出现问题了怎么办,我们该怎么进行恢复呢?本文就教大家如何重装及恢复win8系统。        首先,我们从屏幕右侧的Charm条进入“更改电脑设置”选项。在“常...

利用ctrl+v实现粘贴截图完成上传功能

<?php header("Access-Control-Allow-Origin:*"); $url  = 'http://'.$_SERVER['HTTP_HOST']; $file =&nb...

jQuery UI 使用入门

jQuery UI 使用入门

 最近项目中使用了一些插件来做页面,这里把jQuery UI的使用分享出来,希望 对新手有帮助。文章结尾附源码下载。1 jQuery UI        有时你仅仅是为了实现一个渐变的动画效果而不得不把javascrip 重新学习一遍然后书写大量代码。直到...

wamp下虚拟主机的配置

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

推荐一些国内的Jquery CDN免费服务

Jquery是个非常流行的JS前端框架,在很多网站都能看到它的身影。很多网站都喜欢采用一些Jquery CDN加速服务,这样网站加载jquery会更快。之前火端网络的一些网站都是使用Google的jquery CDN,如:http://ajax.googleapis.com/ajax/lib...

PHP实现登陆后台限制到只允许一台机器在线

方法一:# <?php# ob_start();# session_start();# class CC{#   private $REFURL="http://www.php100.com";    //登陆成功后转换页面#   private $LoginFLAG=fa...

发表评论

访客

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