日期:2014-05-16  浏览次数:20328 次

JavaScript实现网页打印

方式一:

<html>
<head>

<script language="JavaScript" type="text/javascript">
function DP(){
if (window.print)
{
var Div1=document.all.Div1.innerHTML;
var Div2=document.all.Div2.innerHTML;
// Div1、Div2即为你在打印的区域

var css = '<style type="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
var text = '<table width="640" border="0" cellspacing="0" cellpadding="5">'+'<tr>'+'<td class="fbody">'+'<div align="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>
<div id=Div1>XXXXX内容XXXXXX</div>
<div id=Div2>XXXXX内容XXXXXX</div> //少了DIV2啊

<input type=button value=打印 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代码

<script language=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.print();
}
</script>

2、在页面正文处加上<!--startprint-->与<!--endprint-->标识。

也就是在需要用户打印保存的正文所对应的html处附加上。同时,如果采用小偷程序获得远程数据并需打印,可将此等数据置于该定义标签之内即可。

3、截取内容部分已完成,现在加个“打印”的链接:

XML/HTML代码
<a href="javascript:;" onClick="doPrint()">打印</a>

?

方式四:

正常情况下的打印是使用 window.print(); 直接整页打印,但如果需要打印网页中定义的部分内容,则可使用如下的方法: 1、在页面的代码头部处加入JavaScript:

JavaScript代码

<script language=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.print();
}
</script>

2、在页面正文处加上<!--startprint-->与<!--endprint-->