web页面打印

标签: 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打印