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. LabVIEW面向对象的ActorFramework（2）

    二.为什么要学习面向编程? 面向对象编程,如果将上文推荐的两本书读完后,基本上也就有了答案.从自我产品开发的经验中,理解为可以迅速解决中大型程序需求变化时,在不影响其他程序功能的情况下,能够实现新增功 ...

  2. mysql 存储引擎入门

  3. IDA使用初步

    按空格看结构图,再按空格看汇编代码,按F5反编译 shift+F12 搜索中文字符串,通过字符串所在位置定位关键信息. 双击可能出flag的语句跳转至关键字符串. 想F5生成C伪代码,先crtl+X打 ...

  4. JuJu团队11月26号工作汇报

    JuJu团队11月26号工作汇报 JuJu   Scrum 团队成员 今日工作 剩余任务 困难 于达 对原始文本进行预处理, 并转换成可被julia读入的格式 完成预处理并用julia读入. 读入后按 ...

  5. Hbase排错

    1.执行MR任务报Error: java.lang.RuntimeException: PipeMapRed.waitOutputThreads():?subprocess failed with c ...

  6. NASA航天技术演示实验集

    为了支持太空探索NASA开起了一系列先进太空技术演示实验. 具体的实验实验地址在:https://www.nasa.gov/mission_pages/tdm/main/overview.html 通 ...

  7. dede开启会员功能

    登陆后台,找到菜单里面的系统基本参数设置>会员设置>开启会员功能,选择“是”,保存即可

  8. Spring-IOC(基于XML配置)

    什么是IOC? IOC: Inversion of Control(控制反转). 控制反转:将对象的创建权反转给(交给)Spring. 在使用Spring框架之后,对象的实例不再由调用者来创建,而 是 ...

  9. 080-PHP的if与elseif用法

    <?php /* 正确的使用方法: */ $a = 10; $b = 20; if ($a > $b): echo $a . "大于" . $b; elseif ($a ...

  10. 073-PHP数组元素相加

    <?php $arr1=array(1,2,3,4,'5','05',TRUE); //等价于 1+2+3+4+5+5+1=21 $arr2=array(1,2,'ABC',3,'hello', ...