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

js 实现页面打印功能

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

    <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 实现页面打印功能” 的相关文章

php 判断手机访问

//手机来访 function is_mobile() {     $user_agent = $_SERVER['HTTP_USER_AGENT'];    &n...

PHP分页函数仿Google分页

/**  * 分页函数  * @param int $total    总页数  * @param int $pagesize 每页几条 &n...

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

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

Zend Studio 8打开utf-8文件出现乱码解决方法

Zend Studio 8打开utf-8文件出现乱码解决方法

今天安装了zend studio 8.0.1,运行了一个PHP程序项目(项目文件编码为utf-8),发现utf-8文件中的中文全部变成乱码了,后面终于经过寻找探索,找到了问题所 在:虽然你的项目是UTF-8编码文件,但是当通过zend studio工具运行打开时,是以工具里设定的GBK编码...

jQuery编程的最佳实践

加载jQuery1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢。点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地址。<script type="text/javascript" src="...

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

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

发表评论

访客

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