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。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值