先调用xx.window.focus()方法得到想要打印的JSP部分数据(xx代表要得到的数据,如某一表格的id),再调用window.print()方法,就可以实现打印功能了,示例代码如下:
<%@ page contentType="text/html;charset=GBK"
%>
<HTML>
<HEAD>
<script type="text/javascript">
<!--
function printinfobtn_onclick(){
finfo.window.focus();
window.print();
}
-->
</SCRIPT>
</HEAD>
<BODY
oncontextmenu="self.event.returnValue=false">
<FORM action="" method=POST id=theForm name=theForm
target=main>
<table border=0 style="98%"
align=center><TR><TD
align=center><B><font
size="4">出差申请单</font></B></TD></TR></table>
<TABLE align="center" border=0
cellPadding=1 cellSpacing=1 width="80%"
bgcolor="#000000">
<iframe
id=finfo name=finfo frameBorder=0 marginHeight=0
marginWidth=0 > </iframe>
</table>
<br/>
<input id=printbtn name=printbtn
type="button" class=button
onclick="javascript:printinfobtn_onclick()"
value="打印"/>
</FORM>
</BODY>
</HTML>
这里的printinfobtn_onclick()函数里面的finfo.window.focus()就是得到下边iframe标签的焦点
当然,如果直接调用window.focus()方法,则表示得到整个JSP页面的数据。当我们不需要页面上的某个数据显示在打印文档里时,
可以编写打印前和打印后的事件onbeforeprint、onafterprint或者在调用window.print()方法前设置目标标签的
display属性值,来实现不打印非目标数据的功能。
function printinfobtn_onclick(){
document.getElementByIdx_x_x("printbtn").style.display
= 'none';
finfo.window.focus();
window.print();
document.getElementByIdx_x_x("printbtn").style.display='';
}
当这些都编写完成后,如果你的IE没有设置清空页眉页脚的话,还有可能会出来一些诸如:
http://localhost/×××/Action.do?orderId=......
这样的字样在你的文档里,这时就需要我们手动清空浏览器的页眉页脚,具体步骤如下:
打开命令行打开注册表编辑器,进入到以下目录:
我的电脑\HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\PageSetup
点开header、footer这些项自定义设置它的人值(建议header、footer设为空,其它的值可自定义),再确定、退出后,就可以看到没有页眉页脚的打印结果了。。。
打开注册表的命令是:regedit
分享到:
相关推荐
原生JS打印插件之jQuery.EasyPrint.js使用文档 调用浏览器自带打印功能,使用JavaScript的 window.print(); 方法。 使用JS实现打印功能;JavaScript 实现打印操作;javascript打印大全;通用;js实现打印的方式;JS...
基于jquery.print.js插件的js打印demo,简单易用,使用详细教程请查看我的个人主页的博客《一款很好用的Jquery 打印插件——jQuery.print.js》
html和js通过window.print()实现调用浏览器打印带背景图片和生成二维码的文件功能;直接下载可用
jQueryPrint.js打印网页JS,很好用,可以指定打印网页上特定的资源!
js打印设置页边距,设置页眉页脚,初始化页眉页脚,左右边距
js单独打印二维码图片和批量打印二维码图片,大纲: 1. 打印机设置 (以使用的热敏打印机为例) 2. js实现打印功能 3. 遇坑记录
jquery print 打印 插件 打印预览 超级实用!
打印控件,简单实用。。。。。。打印控件,简单实用。。。。。。
lodop打印和后台print打印两种模式,可以根据自己的需求进行切换。
使用js实现打印分页的功能(包括页码,表头,表尾)
// 打印类属性、方法定义 /* eslint-disable */ const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend({ 'noPrint': '.no-print...
jQueryPrint.js打印网页jQueryPrint.js打印网页JS,很好用,可以指定打印网页上特定的资源!
vue打印插件使用 第一步: npm install vue-easy-print --save 第二步,在你的vue页面里 import vueEasyPrint from "vue-easy-print"; import demo from './your path/demo'; // in your vue [removed] export ...
js打印WEB页面与打印预览
PrintTable一个打印的例子
在网页直接打印,vue+print
AR2 6轴3D打印DIY机械臂 AR2 print files打印件模型AR2 6轴3D打印DIY机械臂 AR2 print files打印件模型AR2 6轴3D打印DIY机械臂 AR2 print files打印件模型AR2 6轴3D打印DIY机械臂 AR2 print files打印件模型AR2 6轴...
javascript打印如何自定义纸张大小(代码)[借鉴].pdf
佳博GP-58L 小票打印机 js局部打印案例
我从网上找到的一个控件,是从其它软件包中找到的,因为没有文档,我在网上也没有找到,所以我自己琢磨了一天,并将其用到了程序中,为此,我将一些使用示例方法上传到这里,感谢编写该控件的人,也感谢提供该控件的人. ...