zoukankan      html  css  js  c++  java

  • windows页面打印div(弹出新页面)

      1. <!DOCTYPE html>  
      2. <html>  
      3. <head>  
      4. <meta charset="utf-8">  
      5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
      6. <title>打印测完</title>  
      7. <meta name="description" content="">  
      8. <meta name="keywords" content="">  
      9. <link href="" rel="stylesheet">  
      10. <style>  
      11.     #oDiv2 div{ 100px;height: 100px;border:1px solid #c50000;}  
      12. </style>  
      13. </head>  
      14. <body>  
      15.     <div>aaa</div>  
      16.     <div id='oDiv2'><div>bbb</div></div>  
      17.     <div>ccc</div>  
      18.     <input type="button" value="打印" id="js_print" />  
      19.   
      20.     <script>  
      21.   
      22.     var oPrintBtn = document.getElementById("js_print");  
      23.     var oDiv2 = document.getElementById("oDiv2");  
      24.     oPrintBtn.onclick=function(){  
      25.         var oPop = window.open('','oPop');  
      26.         var str = '<!DOCTYPE html>'  
      27.             str +='<html>'  
      28.             str +='<head>'  
      29.             str +='<meta charset="utf-8">'  
      30.             str +='<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">'  
      31.             str+='<style>';  
      32.             str+='#oDiv2 div{ 100px;height: 100px;border:1px solid #c50000;}';  
      33.             str+='</style>';  
      34.             str +='</head>'  
      35.             str +='<body>'  
      36.             str +="<div id='oDiv2'><div>bbb</div></div>";  
      37.             str +='</body>'  
      38.             str +='</html>'  
      39.   
      40.         oPop.document.write(str);  
      41.         oPop.print();  
      42.         oPop.close();  
      43.     }  
      44.   
      45.     </script>  
      46. </body>  
      47. </html>  
      48. 对于不想显示的在打印前隐藏，打印后显示即可
  • 相关阅读:
    Populating Next Right Pointers in Each Node I&&II ——II仍然需要认真看看
    MySQL源码分析以及目录结构
    mysql分表的三种方法
    Hadoop学习
    关系型数据库ACID
    九种基本数据类型和它们的封装类
    java中堆和栈的区别
    软件测试-----Graph Coverage作业
    Lab1--关于安装JUnit的简要描述
    动态导入(import)和静态导入(import)的区别
  • 原文地址：https://www.cnblogs.com/sdaulldd/p/4624030.html
Copyright © 2011-2022 走看看