JavaScript实现网页打印

最新推荐文章于 2021-07-18 07:12:44 发布

zhangyi0618

最新推荐文章于 2021-07-18 07:12:44 发布

阅读量168

点赞数

文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/zhangyi0618/article/details/84281287

版权

方式一：

<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=打印 οnclick=DP()>
</body>

方式二：

<HTML><HEAD><TITLE>javascript打印-打印页面设置-打印预览代码</TITLE>

　　function printsetup(){

　　// 打印页面设置

　　wb.execwb(8,1);

　　}

　　function printpreview(){

　　// 打印页面预览

　　wb.execwb(7,1);

　　}

　　function printit()

　　{

　　if (confirm('确定打印吗？')) {

　　wb.execwb(6,6)

　　}

　　</SCRIPT>

.noprint{display : none }

</style>

</HEAD>

<BODY>

<OBJECT id=wb height=0 width=0

classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>

net.blogjava.chenlb do print 中文 ^_^

</p>

</DIV>

</BODY>

</HTML>

方式三：

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

JavaScript代码

<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="";
eprnstr="";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
</script>

2、在页面正文处加上与标识。

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

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

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

方式四：

2、在页面正文处加上与标识。

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

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

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