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

js 实现页面打印功能

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

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

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

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

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

php 判断手机访问

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

php 获取客户端的ip、地理信息、浏览器信息、本地真实ip

<?php  // 作用取得客户端的ip、地理信息、浏览器http://blog.qita.in  class get_gust_info {        ////获得访客浏...

用php gettext库来开发多语言系统

用php gettext库来开发多语言系统

通常人们写程序时都是将文字写死在程序里的, 比如:echo "Hello World!";  ,假如要改成它国语言,写国际化程序,就要逐个打开进行修改,程序较短时还行,若程序有上万甚至更多,改起来就不是那么容易了。近来随着i18n的逐渐标 准化,我也来讲一讲在PHP中如...

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

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

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

jQuery编程的最佳实践

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

发表评论

访客

看不清,换一张

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