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>

相关推荐