ie自带的有Active控件,但火狐不支持。这里使用的是js操作dom方法对窗体指定标记内文字进行打印,所以使用时需要定义相关的标签及其样式(文字大小、字体之类)。 复制代码 代码如下:<script type="text/javascript"> ///*********************** ///打印指定区域页面 ///说明:obj–通过getElementById或其它方式获取标签标识,打印此obj内的文字 ///日期:2009-8-7 function startPrint(obj) { var oWin=window.open("","_blank"); var strPrint="<h4 style='font-size:18px; text-align:center;'>打印预览区</h4>n"; strPrint=strPrint + "<script type="text/javascript">n"; strPrint=strPrint + "function printWin()n"; strPrint=strPrint + "{"; strPrint=strPrint + "var oWin=window.open("","_blank");n"; strPrint=strPrint + "oWin.document.write(document.getElementById("content").innerHTML);n"; strPrint=strPrint + "oWin.focus();n"; strPrint=strPrint + "oWin.document.close();n"; strPrint=strPrint + "oWin.print()n"; strPrint=strPrint + "oWin.close()n"; strPrint=strPrint + "}n"; strPrint=strPrint + "</script>n"; strPrint=strPrint + "<hr size='1′ />n"; strPrint=strPrint + "<div id="content">n"; strPrint=strPrint + obj.innerHTML + "n"; strPrint=strPrint + "</div>n"; strPrint=strPrint + "<hr size='1′ />n"; strPrint=strPrint + "<div style='text-align:center'><button onclick='printWin()' style='padding-left:4px;padding-right:4px;'>打 印</button><button onclick='window.opener=null;window.close();' style='padding-left:4px;padding-right:4px;'>关 闭</button></div>n"; oWin.document.write(strPrint); oWin.focus(); oWin.document.close(); } </script> <button id="btnPrint" onclick="startPrint(document.getElementById('content'))">打印内容</button> <div id="content"> <div style="font-size:12px;color:#333;"> 这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容 </div> </div>下面是测试代码:
打印指定区域页面
body{
font-size:12px;
color:#333;
}
#content{
border:solid 1px #333;
background:#ffc;
}
打印内容
这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
JavaScript 乱码问题
页面编码如果全部都是gb2312,而在JS里document.write输中也输出了<meta http-equiv="Content-Type" content="text/html; charset=gb2312">,还会出现乱码问题,原因是 :浏览器分析,发现JS的默认编码仍然是UTF-8>>>详细阅读
本文标题:javascript 局部页面打印实现代码
地址:http://www.17bianji.com/kaifa2/JS/28308.html
1/2 1