-
windows页面打印div(弹出新页面)
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <title>打印测完</title>
- <meta name="description" content="">
- <meta name="keywords" content="">
- <link href="" rel="stylesheet">
- <style>
- #oDiv2 div{ 100px;height: 100px;border:1px solid #c50000;}
- </style>
- </head>
- <body>
- <div>aaa</div>
- <div id='oDiv2'><div>bbb</div></div>
- <div>ccc</div>
- <input type="button" value="打印" id="js_print" />
-
- <script>
-
- var oPrintBtn = document.getElementById("js_print");
- var oDiv2 = document.getElementById("oDiv2");
- oPrintBtn.onclick=function(){
- var oPop = window.open('','oPop');
- var str = '<!DOCTYPE html>'
- str +='<html>'
- str +='<head>'
- str +='<meta charset="utf-8">'
- str +='<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">'
- str+='<style>';
- str+='#oDiv2 div{ 100px;height: 100px;border:1px solid #c50000;}';
- str+='</style>';
- str +='</head>'
- str +='<body>'
- str +="<div id='oDiv2'><div>bbb</div></div>";
- str +='</body>'
- str +='</html>'
-
- oPop.document.write(str);
- oPop.print();
- oPop.close();
- }
-
- </script>
- </body>
- </html>
- 对于不想显示的在打印前隐藏,打印后显示即可
-
相关阅读:
.net 1.1 LinkButton代码
Copy string.Fromat
公文处理方案实现之使用模板新建文档并合并正文内容
给表格的TBody加上滚动条
公开一个博客下载备份器源码
Hook Javascript Function
使用Emit动态调用方法(技术原型2)
函数也有上下文与call与apply的区别
使用匿名函数在后台线程中设置窗体控件属性
调试带参数的PLSql语句
-
原文地址:https://www.cnblogs.com/sdaulldd/p/4624030.html
Copyright © 2020-2023
润新知