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" οnclick="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" οnclick="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="打印本单据" οnclick="javascript:printit()">
<input type=button name=button_setup value="打印页面设置" οnclick="javascript:printsetup();">
<input type=button name=button_show value="打印预览" οnclick="javascript:printpreview();">
<input type=button name=button_fh value="关闭" οnclick="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>
1693
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
