闲着没事做了个页面打印的功能,新增一个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>
然后在而要打印的页面中打入一段代码:
2 window.showModalDialog("../Print.aspx",o,"dialogWidth:800px;dialogHeight:600px;");
用来调用这个print.aspx页面进行打印,这个方法中的o是你要打印的区域,比如说是一个<table>,<div>,<span>..等
具体做法是在需要打印的页面中再添加个按钮<input type="button" id="btnPrint" value="打印" οnclick="PrintForm(javascript:document.getElementById('传入的table或div的id'));"/>