作家
登录

javascript 局部页面打印实现代码

作者: 来源:www.28hudong.com 2013-03-30 02:25:34 阅读 我要评论

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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)