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>

05-11 14:46