热门:网页模板.net视频教程JQueryMVCjsonExtJs源码示例三级联动JQuery菜单
您现在的位置:.Net中文社区>> AJAX编程>>正文内容

使用js打印局部页面

发布时间:2010年08月10日点击数: 佚名

Web打印有很多方式,水晶报表使用的恐怕比较多,但这东西是收费软件,老板说不能用:(。ie自带的有Active控件,但火狐不支持。这里使用的是js操作dom方法对窗体指定标记内文字进行打印,所以使用时需要定义相关的标签及其样式(文字大小、字体之类)。

  1. <script type="text/javascript"> 
  2. ///*********************** 
  3. ///打印指定区域页面 
  4. ///说明:obj–通过getElementById或其它方式获取标签标识,打印此obj内的文字 
  5. ///开发:王洪剑 
  6. ///日期:2009-8-7 
  7. function startPrint(obj) 
  8.     var oWin=window.open("","_blank"); 
  9.     var strPrint="<h4 style=’font-size:18px; text-align:center;’>打印预览区</h4>\n"
  10.      
  11.     strPrintstrPrint=strPrint + "<script type=\"text/javascript\">\n"; 
  12.     strPrintstrPrint=strPrint + "function printWin()\n"; 
  13.     strPrintstrPrint=strPrint + "{"; 
  14.     strPrintstrPrint=strPrint +    "var oWin=window.open(\"\",\"_blank\");\n"; 
  15.     strPrintstrPrint=strPrint + "oWin.document.write(document.getElementById(\"content\").innerHTML);\n"; 
  16.     strPrintstrPrint=strPrint + "oWin.focus();\n"; 
  17.     strPrintstrPrint=strPrint + "oWin.document.close();\n"; 
  18.     strPrintstrPrint=strPrint + "oWin.print()\n"; 
  19.     strPrintstrPrint=strPrint + "oWin.close()\n"; 
  20.     strPrintstrPrint=strPrint + "}\n"; 
  21.     strPrintstrPrint=strPrint + "<\/script>\n"; 
  22.      
  23.     strPrintstrPrint=strPrint + "<hr size=’1′ />\n"; 
  24.     strPrintstrPrint=strPrint + "<div id=\"content\">\n"; 
  25.     strPrintstrPrint=strPrint + obj.innerHTML + "\n"; 
  26.     strPrintstrPrint=strPrint + "</div>\n"; 
  27.     strPrintstrPrint=strPrint + "<hr size=’1′ />\n"; 
  28.     strPrintstrPrint=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"; 
  29.     oWin.document.write(strPrint); 
  30.     oWin.focus(); 
  31.     oWin.document.close(); 
  32. </script> 
  33.  
  34. <button id="btnPrint" onclick="startPrint(document.getElementById(’content’))">打印内容</button> 
  35. <div id="content"> 
  36.     <div style="font-size:12px;color:#333;"> 
  37.     这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容这里是打印内容 
  38.     </div> 
  39. </div> 

本站热点业务

更多模板/案例展示

关于我们 | 联系我们 | 团队日志 | 网站地图 | 网站合作