闲着没事做了个页面打印的功能,新增一个print.aspx页面,页面内容如下: 闲着没事做了个页面打印的功能,新增一个print.aspx页面,页面内容如下:
![](/uploadfile/201101/20/7015540812.gif)
点击展开
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<base target="_self" />
<link href="css/form01.css" rel="stylesheet" type="text/css" />
</head>
<script type="text/javascript">
function PrintThis() {
window.print();
}
window.attachEvent("onload",function () {
var o = window.dialogArguments;
document.getElementById("printContent").innerHTML = o.outerHTML;
var a = document.getElementsByTagName("A");
for (var i=0;i<a.length;i++) {
a[i].href = "javascript:void(0)";
a[i].onclick = "";
}
var tr=document.getElementsByTagName("tr");
for(var i=0;i<tr.length;i++)
{
tr[i].onmouseover="";
tr[i].onmouseout="";
tr[i].onclick="";
}
var input=document.getElementsByTagName("input");
for(var i=0;i<input.length;i++)
{
if(input[i].type=="button" && input[i].id!="btnPrint" || input[i].type=="checkbox" || input[i].type=="submit")
{
input[i].style.display=''none'';
}
if(input[i].type=="text")
{
input[i].onclick="";
}
}
});
</script>
<body>
<form id="form1" runat="server">
<div style="padding-bottom:2px">
<input id="btnPrint" class="btnCss" type="button" value="打印" onclick="PrintThis();" />
</div>
<div id="printContent" style="width:98%">
</div>
</form>
</body>
</html>然后在而要打印的页面中打入一段代码:
![](/uploadfile/201101/20/A815540499.gif)
function PrintForm(o) {
![](/uploadfile/201101/20/A815540499.gif)
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''));"/>