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

时间：2022-08-19 14:57:05
    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{width: 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. <script>
    20. var oPrintBtn = document.getElementById("js_print");
    21. var oDiv2 = document.getElementById("oDiv2");
    22. oPrintBtn.onclick=function(){
    23. var oPop = window.open('','oPop');
    24. var str = '<!DOCTYPE html>'
    25. str +='<html>'
    26. str +='<head>'
    27. str +='<meta charset="utf-8">'
    28. str +='<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">'
    29. str+='<style>';
    30. str+='#oDiv2 div{width: 100px;height: 100px;border:1px solid #c50000;}';
    31. str+='</style>';
    32. str +='</head>'
    33. str +='<body>'
    34. str +="<div id='oDiv2'><div>bbb</div></div>";
    35. str +='</body>'
    36. str +='</html>'
    37. oPop.document.write(str);
    38. oPop.print();
    39. oPop.close();
    40. }
    41. </script>
    42. </body>
    43. </html>
    44. 对于不想显示的在打印前隐藏，打印后显示即可

相关文章