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. axios和fetch

    前面的vuex提到了异步请求,在vue里异步请求怎么请求呢,很显然jq.ajax是不用了,不是不能用,而是没必要,jq是操作dom的工具,强行用浪费功能,还会加大打包后的体积,而且是没有promise ...

  2. ios之开源

    a http://code.cocoachina.com b http://code4app.com c http://www.oschina.net/ios/codingList/ d github ...

  3. 关于cvPyrSegmentation(src, dst, storage, &comp, level, threshold1, threshold2)函数报错的问题解答

    先挂上我写的代码: #define _CRT_SECURE_NO_WARNINGS #include <iostream> #include <highgui.h> #incl ...

  4. Linux学习-预习第五六七章节关于用户权限管理以及磁盘文件系统

  5. CentOS7基于http方式搭建本地yum源

    1.创建yum软件保存目录[root@localhost ~]# mkdir -p /www/share/yum 2. 修改yum配置文件先备份yum配置文件,修改yum配置文件中yum软件包保存目录 ...

  6. flask部署:Ubuntu下使用nginx+uwsgi+supervisor部署flask应用

    之前一直用的Centos或者Red hat,自从使用Ubuntu后,发现Ubuntu使用起来更方便,自此爱上Ubuntu. 一.从github上下载flask应用 1.我已经成功将自己编写好的应用上传 ...

  7. 3 —— node —— 文件追加内容

    思想 : 先读取 , 再追加 const fs = require('fs') fs.readFile("./hello.txt","utf-8",(err,d ...

  8. Swift 结构体struct

    //结构体是一个值类型 struct location{ //属性 var x:Double var y:Double //方法 func test() { print("结构体中的test ...

  9. 干货分享：学术Essay写作流程及写作技巧详解

    Academic essay是指留学生作业中的一种,其范围非常广泛,可以是任何一种话题.而学术essay主要是指其中比较正式的.客观的话题,有明确的研究目的与研究对象.例如“Research on t ...

  10. C# Process类详解

    C# Process类详解 Process[] processes = Process.GetProcessesByName(current.ProcessName); 根据进程名字找到所有进程,返回 ...