LocFrx.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title></title>
  6. <script src="../PrintJS/jquery-2.1.3.min.js"></script>
  7. <script src="../PrintJS/JsBarcode.all.min.js"></script>
  8. </head>
  9. <body>
  10. <!--startprint-->
  11. <div id="pringWarea">
  12. <!--
  13. <div style="width: 100%;">
  14. <div style="text-align: center;font-size: 32px;"> 你好 </div>
  15. <div id="DivbarCode" style="margin:0 auto;width: 244px;">
  16. <svg id="BarCode"> </svg>
  17. </div>
  18. <div id="showText" style="text-align: center;font-size: 16px;"></div>
  19. </div>
  20. -->
  21. </div>
  22. <!--endprint-->
  23. <div>nihao</div>
  24. </body>
  25. </html>
  26. <script type="text/javascript">
  27. var options = { format: "CODE128", displayValue: false, fontSize: 12, height: 200 };
  28. //修改DIV宽度
  29. function doCreate(i) {
  30. var va = $("#bval" + i).val();
  31. JsBarcode(barcode, va, options);
  32. var widths = $("#BarCode" + i).width();
  33. $("#DivbarCode" + i).width(widths);
  34. }
  35. // 生成数据脚本
  36. var htmls = "";
  37. for (i = 0; i < 3; i++) {
  38. htmls += "<div style='width: 100%;'>";
  39. htmls += "<div style='text-align: center;font-size: 32px;'> 你好" + i + " </div>";
  40. htmls += "<div id='DivbarCode" + i + "'style='margin:0 auto;width: 244px;'>";
  41. htmls += "<svg id='BarCode" + i + "'> </svg>";
  42. htmls += "</div>";
  43. htmls += "<div id='showText" + i + "' style='text-align: center;font-size: 16px;'></div>";
  44. htmls += "</div>";
  45. htmls += "<div style='page-break-after: always;'></div>"
  46. }
  47. $("#pringWarea").html(htmls);
  48. // 生成条形码标签
  49. for (i = 0; i < 3; i++) {
  50. var barcode = document.getElementById('BarCode' + i);
  51. JsBarcode(barcode, "nihao" + i, options);
  52. doCreate(i);
  53. $("#showText" + i).text("nihao" + i);
  54. }
  55. // 打印
  56. function doPrint() {
  57. bdhtml = window.document.body.innerHTML;
  58. sprnstr = "<!--startprint-->"; //开始打印标识字符串有17个字符
  59. eprnstr = "<!--endprint-->"; //结束打印标识字符串
  60. prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17); //从开始打印标识之后的内容
  61. prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容
  62. window.document.body.innerHTML = prnhtml; //把需要打印的指定内容赋给body.innerHTML
  63. window.print(); //调用浏览器的打印功能打印指定区域
  64. window.document.body.innerHTML = bdhtml; // 最后还原页面
  65. }
  66. window.onload = function () {
  67. var hear = window.location.href.split("?")[1].split("=")[1];
  68. };
  69. </script>