`
zhangyi0618
  • 浏览: 58644 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

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-->标识。

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

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

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

 

分享到:
评论
1 楼 qq506623761 2012-09-02  

非常好!几种情况都想到了

相关推荐

    利用javascript实现网页打印

    利用javascript在网页上实现打印的方法,可以设置分页等页面设置。

    SilentPrint一个静默打印的中间件网页实现静默打印

    SilentPrint 一个静默打印的中间件,网页实现静默打印

    JS网页打印

    js实现的网页打印效果,本人亲自编写。在谷歌浏览器下亲测可用,欢迎下载!

    JavaScript网页特效范例宝典源码

    实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...

    网页自由打印控件-实现网页中任意定位打印(免费版)网页自由打

    网页自由打印控件使用方法功能:本控件可以在浏览器中直接实现任意定位打印;用途:适用于B/S系统的报表打印,尤其适用于票据打印和套打;现在这个新编写的DLL控件比以前发布的OCX更稳定使用前,先注册一下,运行目录下...

    杰表云打印 web 打印工具 for windows

    通过 Javascript API 实现一键打印,无须人工干预; 让用户运行时调整打印位置; 实现打印内容的 PDF 导出等。; 杰表云打印是在本公司第一代WEB打印工具jatoolsPrinter的基础上发展起来的, jatoolsPrinter是基于...

    用javascript实现页面打印的三种方法

    前一段时间听朋友说起过打印网页的一些方法,在安静的夜晚,听着歌曲无意间发现了几段代码,帖出来跟大家分享一下。因为我从来没有打印过网页,而且也没有打印机,具体的效果也不是很清楚,测试打印成PDF是正常的,...

    js实现网页特定部分截屏或打印.zip

    js实现打印网页特定区域,或者保存特定区域的图片到本地。

    ASP_JavaScript打印

    在各种动态网页开发语言下使用VBScript、JavaScript脚本语言进行各种信息的打印预览工作,可以直接打印HtmlTable网页元素中的文字信息。 在控件演示实例中有本控件的详细说明文件,本控件现在是打印预览控件的测试...

    JavaScript实现简单日历效果

    主要为大家详细介绍了JavaScript实现简单日历效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    转贴ReYoPrint (锐洋WEB打印控件)是一款实现网页套打的专用工具

    ReYoPrint (锐洋WEB打印控件)是一款实现网页套打的专用工具。作为web应用开发者,我们经常会遇到在浏览器中打印报表、票据的需求,这些需求浏览器本身的打印功能一般不能满足, 如精确打印,分页,套打等。这就...

    javascript网页输出Code128条码

    javascript实现页面输出Code128条码;div绘图模式;无需字体库; 使用方法: Barcode.create({options}).encode("string", type).tostring(); options: barWidth: 条码宽度,必须为1px的整数倍; barHeight:条码...

    javascript网页特效实例大全(8-12)

    实例291 调用IE自身的打印功能实现打印 460 实例292 打印指定框架中的内容 461 实例293 利用WebBrowser打印 462 实例294 设置页眉页脚 463 11.2 利用Word打印报表 465 实例295 将页面中的表格导出到Word...

    程序天下:JavaScript实例自学手册

    14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 ...

    免插件WEB浏览器 打印系统 B/S 快递单、发票等

    完美地解决了不用ActiveX但获得与C/S系统一样的打印能力,B/S应用系统的报表打印,本打印系统不需要在浏览器安装任何插件,只需通过JavaScript即可实现报

    JavaScript实现点击按钮直接打印

    但是上面的并不完美,因为有些网页上的很多内容都不需要打印,下面介绍一下如何打印页面中的指定内容。 代码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset= utf-8&gt; &lt;meta name=...

    jquery实现的网页水印

    利用jquery实现的在页面添加水印,并且使用了jquery的resizeend实现了,根据窗口调整大小自动适应添加水印

    《程序天下:JavaScript实例自学手册》光盘源码

    14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 ...

    javascript使用输出语句实现网页特效代码

    弹出警示框,打印输入语句,控制台输出,具体方法请看下文,附有图片、注释非常详细。  代码如下: alert&#40;&#41; 弹出警示框 window.alert&#40;‘继续学习’&#41;; 完整的写法 效果如下: 因为alert 属于...

    ASP.NET开发实战1200例(第Ⅰ卷)第十二章

    12.4 应用JavaScript实现Web打印 功能 490 实例311 调用IE自身打印功能实现打印 490 实例312 用WebBrowser组件的execWB方法 进行打印 491 实例313 利用JavaScript获取焦点并且打印 框架中内容 492 实例314 智能放大...

Global site tag (gtag.js) - Google Analytics