JavaScript实现网页打印
方式一:
<html>
<head>
<scriptlanguage="JavaScript"type="text/javascript">
functionDP(){
if(window.print)
{
varDiv1=document.all.Div1.innerHTML;
varDiv2=document.all.Div2.innerHTML;
//Div1、Div2即为你在打印的区域
varcss='<styletype="text/css"media=all>'+'p{line-height:120%}'+'.ftitle{line-height:120%;font-size:18px;color:#000000}'+'td{font-size:10px;color:#000000}'+'</style>';
//定义打印用的CSS
vartext='<tablewidth="640"border="0"cellspacing="0"cellpadding="5">'+'<tr>'+'<tdclass="fbody">'+'<divalign="center"class=ftitle>'+Div1+'</div>'+Div2+'</td>'+'</tr>'+'</table>';
//在此处重新设置的打印格式
document.body.innerHTML='<center>'+css+text+'</center>';
//重设document.body,打印文档准备就绪
window.print();
window.history.go(0);
}
}
</script>
</head>
<body>
<divid=Div1>XXXXX内容XXXXXX</div>
<divid=Div2>XXXXX内容XXXXXX</div>//少了DIV2啊
<inputtype=buttonvalue=打印onclick=DP()>
</body>方式二:
<HTML><HEAD><TITLE>javascript打印-打印页面设置-打印预览代码</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312" />
<SCRIPT language=javascript>
function printsetup(){
// 打印页面设置
wb.execwb(8,1);
}
function printpreview(){
// 打印页面预览
wb.execwb(7,1);
}
function printit()
{
if (confirm('确定打印吗?')) {
wb.execwb(6,6)
}
}
</SCRIPT>
<style type="text/css" media=print>
.noprint{display : none }
</style>
</HEAD>
<BODY>
<DIV align=center>
<OBJECT id=wb height=0 width=0
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>
net.blogjava.chenlb do print 中文 ^_^
<p class="noprint">
<INPUT onclick=javascript:printit() type=button value=打印 name=button_print />
<INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup />
<INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show />
</p>
</DIV>
</BODY>
</HTML>
方式三:
正常情况下的打印是使用 window.print(); 直接整页打印,但如果需要打印网页中定义的部分内容,则可使用如下的方法: 1、在页面的代码头部处加入JavaScript:
JavaScript代码
<scriptlanguage=javascript>
functiondoPrint(){
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.print();
}
</script>2、在页面正文处加上<!--startprint-->与<!--endprint-->标识。
也就是在需要用户打印保存的正文所对应的html处附加上。同时,如果采用小偷程序获得远程数据并需打印,可将此等数据置于该定义标签之内即可。
3、截取内容部分已完成,现在加个“打印”的链接:
XML/HTML代码 <a href="javascript:;" onClick="doPrint()">打印</a>
方式四:
正常情况下的打印是使用 window.print(); 直接整页打印,但如果需要打印网页中定义的部分内容,则可使用如下的方法: 1、在页面的代码头部处加入JavaScript:
JavaScript代码
<scriptlanguage=javascript>
functiondoPrint(){
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.print();
}
</script>2、在页面正文处加上<!--startprint-->与<!--endprint-->标识。
也就是在需要用户打印保存的正文所对应的html处附加上。同时,如果采用小偷程序获得远程数据并需打印,可将此等数据置于该定义标签之内即可。
3、截取内容部分已完成,现在加个“打印”的链接:
XML/HTML代码 <a href="javascript:;" onClick="doPrint()">打印</a>