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="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="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>