`
talentnba
  • 浏览: 91109 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

实现简单的页面打印功能

JavaScriptCSSXHTMLHTML 
阅读更多

闲着没事做了个页面打印的功能，新增一个print.aspx页面，页面内容如下：

 
 1<html xmlns="http://www.w3.org/1999/xhtml" >
 2<head runat="server">
 3    <title></title>
 4    <base target="_self" />
 5    <link href="css/form01.css" rel="stylesheet" type="text/css" />
 6</head>
 7<script type="text/javascript">
 8function PrintThis() {
 9    window.print();
10    
11}
12window.attachEvent("onload",function () {
13    var o = window.dialogArguments;
14    document.getElementById("printContent").innerHTML = o.outerHTML;
15    var a = document.getElementsByTagName("A");
16    for (var i=0;i<a.length;i++) {
17        a[i].href = "javascript:void(0)";
18        a[i].onclick = "";       
19    }
20    var tr=document.getElementsByTagName("tr");
21    for(var i=0;i<tr.length;i++)
22    {
23        tr[i].onmouseover="";
24        tr[i].onmouseout="";
25        tr[i].onclick="";
26    }
27    var input=document.getElementsByTagName("input");
28    for(var i=0;i<input.length;i++)
29    {
30        if(input[i].type=="button" && input[i].id!="btnPrint" || input[i].type=="checkbox" || input[i].type=="submit")
31        {
32            input[i].style.display='none';
33        }
34        if(input[i].type=="text")
35        {
36            input[i].onclick="";
37        }
38    }
39});
40</script>
41<body>
42    <form id="form1" runat="server">
43    <div style="padding-bottom:2px">
44        <input id="btnPrint" class="btnCss" type="button" value="打印" onclick="PrintThis();" />
45    </div>
46    <div id="printContent" style="width:98%">    
47    
48    </div>
49    </form>
50</body>
51</html>

 

然后在而要打印的页面中打入一段代码:

 

1function PrintForm(o) {    
2    window.showModalDialog("../Print.aspx",o,"dialogWidth:800px;dialogHeight:600px;"); 

 

用来调用这个print.aspx页面进行打印，这个方法中的o是你要打印的区域，比如说是一个<table>,<div>,<span>..等

具体做法是在需要打印的页面中再添加个按钮<input type="button" id="btnPrint" value="打印" onclick="PrintForm(javascript:document.getElementById('传入的table或div的id'));"/>

分享到：
| SQL Server函数
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics