实现简单的页面打印功能

talentnba

浏览: 93243 次
性别:
来自: 北京

最近访客更多访客>>

zhaoqi1992010

wj_zcy_hfh

wang_zhi_peng2007

chennengwen

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Asp.Net

JavaScript CSS XHTML HTML

闲着没事做了个页面打印的功能，新增一个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'));"/>

分享到：

ArcGIS Server web application以及本地地 ... | SQL Server函数

2009-11-16 17:43
浏览 851
评论(0)
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论