web页面打印有两种，一种是直接调用window.print()命令操作，一种是使用ActiveX插件（Object标签）操作，但是第二种只支持IE内核的浏览器。

示例1：

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <title>打印01</title>

</head>

<script src="./jquery.min.js" type="text/javascript"></script>

<body>

  <!-- <h1>打印我吧！！！</h1>

  <button id="print1">打印全部</button> -->

  <p>下面是百度的图片</p>

  <div>

      <!--startprint-->

      <img src="./imgs/baidu.png">

      <!--endprint-->

  </div>

  <button id="print1">打印全部</button>

  <button id="print2" onclick="doPrint()">打印指定部分(以打印图片为例)</button>

  <button id="print3">打印除某部分之外的的部分</button>

</body>

<script type="text/javascript">

  // 整体打印

  // 打印内容为window.document.body.innerHTML的可视内容

  $('#print1').click(function(){

    window.print();

  });

  // 局部打印

  function doPrint() {

    var bdhtml = window.document.body.innerHTML;

    var sprnstr = "<!--startprint-->"; //开始打印标识字符串有17个字符

    var eprnstr = "<!--endprint-->"; //结束打印标识字符串

    var prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17); //从开始打印标识之后的内容

    prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容

    window.document.body.innerHTML = prnhtml; //把需要打印的指定内容赋给body.innerHTML

    window.print(); //调用浏览器的打印功能打印指定区域

    window.document.body.innerHTML = bdhtml; // 最后还原页面

  }

  // 打印指定内容以外的部分

  $('#print3').click(function () {

    $('p').hide();

    window.print();

    $('p').show();

  });

</script>

</html>

示例2：

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <title>打印02</title>

  <style>

  @media print{

　　.noprint{

  　　display:none

　　}

  }

  </style>

</head>

<script>

  function printsetup() {

    // 打印页面设置

    wb.execwb(8, 1);

  }

  function printpreview() {

    // 打印页面预览

    wb.execwb(7, 1);

  }

  function printit() {

    if (confirm('确定打印吗？')) {

      wb.ExecWB(6, 1)

      //wb.execwb(1,1)//打开

      //wb.ExecWB(2,1);//关闭现在所有的IE窗口，并打开一个新窗口

      //wb.ExecWB(4,1)//;保存网页

      //wb.ExecWB(6,1)//打印

      //wb.ExecWB(7,1)//打印预览

      //wb.ExecWB(8,1)//打印页面设置

      //wb.ExecWB(10,1)//查看页面属性

      //wb.ExecWB(15,1)//好像是撤销，有待确认

      //wb.ExecWB(17,1)//全选

      //wb.ExecWB(22,1)//刷新

      //wb.ExecWB(45,1)//关闭窗体无提示

    }

  }

</script>

<body>

  <div class="noprint" style="width:640px;height:20px;margin:100px auto 0 auto;font-size:12px;text-align:right;">

    <input value="打印" type="button" onclick="javascript:window.print()" />

    <!-- 只有IE浏览器才支持 -->

    <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="wb" name="wb" width="0">

    </OBJECT>

    <input type=button name=button_print style="display:none;" value="打印本单据" onclick="javascript:printit()">

    <input type=button name=button_setup value="打印页面设置" onclick="javascript:printsetup();">

    <input type=button name=button_show value="打印预览" onclick="javascript:printpreview();">

    <input type=button name=button_fh value="关闭" onclick="javascript:window.close();">

  </div>

  <div style="width:640px;height:624px;margin:20px auto;">

    <h1>体察民情</h1> 　　

    <h3>——到最偏远最贫穷的地方雪中送炭</h3> 　　

    <p>下党乡，寿宁县最边远的山乡之一，1988年才建乡，曾经是"五无乡镇"(无公路、无自来水、无电灯照明、无财政收入、无政府办公场所)。</p> 　　

    <p>1989年7月19日，时任宁德地委书记习近平带领地直相关部门负责人头戴草帽，肩搭毛巾，顶着炎炎烈日，在崎岖山路上跋涉2个多小时，深入到乡政府所在地下党村。</p>

　　<p>乡党委、政府临时在鸾峰桥边的王氏祠堂里办公，条件极其简陋，大家就围坐在小板凳上开会。吃饭、午休就安排在鸾峰桥上，午饭后，稍作休息，习近平又进村入户、访贫问苦。</p> 　　

    <p>回程仍要步行10多公里，路险坡陡，且荆棘杂草丛生，习近平一行拿着柴刀将挡在路面的荆棘、苇秆劈除。直到晚上8点左右，他们才回到寿宁城关。</p>

　　<p>参加调研的时任寿宁县委常委、常务副县长连德仁在日记中写道："这一天，乘车5个小时，步行4个半小时，开会座谈访贫2个小时，一路风尘，大汗淋漓，辛苦程度不言而喻……回到县城招待所后，许多干部才发现脚底、脚趾都磨出了血泡。"</p> 　　

    <p>习近平同志后来用"异常艰苦、异常难忘"来形容此次下党之行。1989年7月26日、1996年8月7日，他又两次来到下党，协调解决当地的建设发展难题。</p>

　　<p>无论是在厦门、宁德，还是后来主政省会福州、担任省领导，百姓的安危冷暖，习近平始终记挂在心，访贫问苦成了他工作中不可或缺的一部分。"三进下党乡"，只是习近平心怀百姓的一个缩影。</p> 　　

    <p>担任厦门市副市长期间，习近平曾分管农业农村工作。他提出，分管农业，首先就是要上高山，下海岛。</p>

　　<p>厦门市人大常委会原副主任、时任同安县长郭安民记得，有一次他陪同习近平下乡调研，村支书请他们喝茶。由于长期泡工夫茶，茶杯上面有茶碱，看起来有点脏，习近平端起来就喝。"过去领导下乡一般自带保温杯，一坐下来，秘书就把杯子拿来。习近平同志这一喝，和基层群众的距离一下子近了。"郭安民感叹。</p>

　　<p>习近平强调："下基层要少搞'锦上添花'，多搞'雪中送炭'，不要'一窝蜂'似地涌到工作基础好的'热门'地方去凑热闹，而要多跑'冷门'，到问题多、困难大、条件苦的地方和群众中去送温暖、办实事。"</p>

  </div>

  <div id="dd"></div>

</body>

</html>

web页面内容打印总结的更多相关文章

  1. 基于Metronic的Bootstrap开发框架经验总结（9）--实现Web页面内容的打印预览和保存操作

    在前面介绍了很多篇相关的<Bootstrap开发框架>的系列文章,这些内容基本上覆盖到了我这个Bootstrap框架的各个主要方面的内容,总体来说基本达到了一个稳定的状态,随着时间的推移可 ...

  2. （转）基于Metronic的Bootstrap开发框架经验总结（9）--实现Web页面内容的打印预览和保存操作

    http://www.cnblogs.com/wuhuacong/p/5147368.html 在前面介绍了很多篇相关的<Bootstrap开发框架>的系列文章,这些内容基本上覆盖到了我这 ...

  3. web页面内容优化管理与性能技巧

    来源:GBin1.com 回 想一下,以前我们不得不花费大量时间去优化页面内容(图片.CSS等等),如今用户有更快速的互联网链接,我们似乎能够使用更大的图像或更大的闪 存文件,里面包含的有视频或者图片 ...

  4. js打印WEB页面内容代码大全

    第一种方法:指定不打印区域 使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 详细如下: <style media=print type="tex ...

  5. Swipe JS – 移动WEB页面内容触摸滑动类库

    想必做移动前端的同学经常会接到这样子的一个需求,就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换,这在移动设备是个很常见的一个效果,其用户体验远甚于点击一个按钮区域,通过手指的触 ...

  6. web 页面内容优化管理与性能技巧

    回想一下,以前我们不得不花费大量时间去优化页面内容(图片.CSS等等),如今用户有更快速的互联网链接,我们似乎能够使用更大的图像或更大的闪存文件,里面包含的有视频或者图片.然而,随着移动开发的兴起,我 ...

  7. 知名网站内部资料：WEB页面内容优化管理与性能技巧

    回想一下,以前我们不得不花费大量时间去优化页面内容(图片.CSS等等),如今用户有更快速的互联网链接,我们似乎能够使用更大的图像或更大的闪 存文件,里面包含的有视频或者图片.然而,随着移动开发的兴起, ...

  8. 关于web页面JApplet打印小票

    版权所有 做这个的例子太少,我把我做的示例亮出来 一.先说说需要的版本 1.我用的浏览器只有ie: 火狐只支持52版本以下,并且是java7.java8.chrome不支持 2.applet客户端打印 ...

  9. 基于python的websocket开发，tomcat日志web页面实时打印监控案例

    web socket 接收器:webSocket.py 相关依赖 # pip install bottle gevent gevent-websocket argparse from bottle i ...

随机推荐

  1. Python最新暴力破解WiFi，攻破所有密码限制，最强破解！

    暴力破解wifi密码 这个代码也是非常简单,这里需要用Python中的pywifi这个库,所以需要在DOS命令下安装这个库,同样使用pip install pywifi,很简单就安装成功了,我用的是P ...

  2. spark shuffle发展历程

    spark2.3 shuffle manager,默认sortShuffleManager // Let the user specify short names for shuffle manage ...

  3. 关于 CDN 负载均衡 网页请求过程等

    链接 1 [转]浅谈一个网页打开的全过程(涉及DNS.CDN.Nginx负载均衡等)  https://www.cnblogs.com/xuan52rock/p/6845637.html 2 闲话 C ...

  4. Win7安装Oracle Instantclient ODBC驱动 后配置DSN时出错的解决办法 SQORAS32

    安装过程简述 oracle官网下载了 instantclient-odbc-nt--.zip instantclient-basic-nt-.zip 我这是32位版的win7,按照需要下载对应的版本. ...

  5. 字符设备驱动之LED驱动

    实现 ①编写驱动框架 ②编写硬件实现代码 (在Linux系统下操作硬件,需要操作虚拟地址,因此需要先把物理地址转换为虚拟地址 ioremap()) 如何实现单个灯的操作: 实现方法之一--操作次设备号 ...

  6. java 立方变自身

    立方变自身 观察下面的现象,某个数字的立方,按位累加仍然等于自身. 1^3 = 1 8^3 = 512 5+1+2=8 17^3 = 4913 4+9+1+3=17 - 请你计算包括1,8,17在内, ...

  7. 官网英文版学习——RabbitMQ学习笔记（四）Work queues

    工作队列:把每个任务只发送给一个工作者. 上一篇我们是从一个指定的队列发送接收消息,在本文中,我们将创建一个工作队列,用于在多个工作者之间分配耗时的任务. 工作队列(即任务队列)背后的主要思想是避免立 ...

  8. js generator的两个实际应用

    generator作为一个用来操作异步的状态机, 遇到yield停止, 通过调用next()来继续操作.  今天就用generator来举例两个实际开发中的应用. 1,抽奖 function draw ...

  9. MFC 选择文件夹

    WCHAR szPath[_MAX_PATH] = {}; BROWSEINFO bi; //指定父窗口,在对话框显示期间,父窗口将被禁用 bi.hwndOwner = this->GetSaf ...

  10. vnpy交易学习接口(2)

    #来源于github下载vnpy版本  20180413 11.多投资标的情况下,该如何修改? 10.stop和limit报单有什么区别呢? 在交易时用得最多的是二类定单,第一类是市价单(Market ...