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

js 实现页面打印功能

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

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

网页背景全屏拉伸的css效果

background: url(“http://www.wyzu.cn/uploadfile/2013/0220/20130220112423140.jpg”) repeat fixed center top / cover #595959;...

php 使用curl模拟登录discuz以及模拟发帖

<?php $discuz_url = 'http://127.0.0.1/discuz/';//论坛地址 $login_url = $discuz_url .'logging.php?action=login...

git的几个小技巧

git的几个小技巧

分享git的几个小技巧,后面会根据使用补充。目前包括git撤销本地修改、git回退到前n个版本、git多用户提交冲突解决、git 命令简化。欢迎大家补充^_*1、git撤销本地修改 Java git reset --hard origin/ma...

thinkphp获取URL参数

一般情况下URL中的参数就是通过GET方法获取,但是由于PATHINFO的特 殊性,URL地址最终需要被解析才能转换成GET参数,ThinkPHP对URL是按照一定的规则进行解析的,除非你使用了URL路由规则,如果你对 URL做了特别的定制,但是又不想使用URL路由,那么可以使用框架提供的URL...

phpcms v9更换模板的具体操作方法

phpcms v9更换模板的具体操作方法

这篇文章主要介绍了phpcms v9更换模板的具体操作方法,需要的朋友可以参考下分享一下Phpcms V9更换模板的具体操作方法先分享下大概的步骤:1、上传模版文件到服务器;2、在站点管理 里边【模板风格配置】选择新模板;3、设置不同模型对应模板;4、修改现有的栏目,匹配新模板;5、更新栏目缓存、系...

php利用百度地图API进行IP定位和GPS定位

最 近在做一个手机端的webapp地图应用,而核心内容当然是定位了,但是定位的话有几种方式,IP定位,GPS定位,基站定位(这个貌似webapp用不 了), 那么剩下核心的gps定位和ip定位了,我们知道,html5有定位API,但是该API拿到的GPS数据是硬件坐标,无法直接显示在地图上。...

发表评论

访客

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