Sevendays

不积跬步,无以至千里;不积小流,无以成江海。

导航

web页面打印

Posted on 2009-07-11 09:39  Sevendays  阅读(556)  评论(0编辑  收藏  举报
标签: web打印

开篇之作,随便写写,写下以备今后用到。刚做一个项目在文章编辑提交后需要将文章自动打印出来,而且不要显示预览页面。

我解决的办法是,首先新建一个预览页面(temp.aspx)并在页面中实现打印功能。然后在文章编辑页面(test.aspx)中添加一个iframe,长度宽度都为0.在需要打印时给iframe的src赋个地址同时发送打印文章的id,然后temp.aspx接受到参数时从数据库选出文章,显示到页面,页面加载完自动进行打印。

其核心代码如下:temp.aspx

<script  type="text/javascript"> 
function   doPrint()   {   
bdhtml=window.document.body.innerHTML;   
sprnstr= "<!--startprint-->";   
eprnstr= "<!--endprint-->";   
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);   
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML = prnhtml;

window.focus();
window.print();
bdhtml = "";
} 
</script> 

其中window.focus(); 一定要加上,不然打印不了temp.aspx中的内容,只会打印test。aspx中的内容。

test.aspx中的关键代码:页面html代码中添加

<iframe name="printHiddenFrame" id="printHiddenFrame"  width=0 height=0  ></iframe>
一个隐藏的iframe,这样就看不到预览页面了,然后添加脚本:

<script type="text/javascript">

function changeUrl(url) {
           document.getElementById('printHiddenFrame').src = url;
                }
   </script>
最后在后台cs文件中需要打印时,注册一段脚本,调用changeurl函数就可以了,
Page.RegisterStartupScript("cxvcx", "  <script  type=\"text/javascript\">changeUrl('Temp.aspx?id=5');</script>");
测试兼容FF。
标签: web打印