js或jquery实现页面打印

高级java工程师

浏览: 410498 次
性别:
来自: 北京

最近访客更多访客>>

u012363178

starry129

huizhou55

suming

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript
jquery

方法多多，自己收集一下

1、js实现（可实现局部打印）

<input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" />

<input id="btnPrint" type="button" value="打印预览" onclick=preview(1) />
<style type="text/css" media=print>
.noprint{display : none }
</style>


<p class="noprint">不需要打印的地方</p>

<script>
function preview(oper)       
{
if (oper < 10)
{
bdhtml=window.document.body.innerHTML;//获取当前页的html代码
sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域
eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
} else {
window.print();
}
}
</script>
<p>XXXXX</p>
<!--startprint1-->要打印的内容<!--endprint1-->

再加个打印按纽 onclick=preview(1)

2、调用windows底层打印，报安全警告，不建议使用（不支持局部打印）

<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> 
</HEAD> 
<BODY> 

<DIV align=center> 
<OBJECT id=wb height=0 width=0  
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT> 
<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 />  
一按开始的减肥了卡时间段
</DIV> 
</BODY> 
</HTML>

3、jQuery实现（支持局部打印）

<script type="text/javascript" src="jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="jquery.PrintArea.js"></script> 
<script>
$(document).ready(function(){
  $("input#biuuu_button").click(function(){

  $("div#myPrintArea").printArea();

});
});
 
</script>
 



<input id="biuuu_button" type="button" value="打印"></input>

<div id="myPrintArea">.....文本打印部分.....</div> 引用

js打印需要的js文件.rar (25.7 KB)
下载次数: 8

分享到：

java复习(set 、list、map) | mysql创建用户及受权

2013-01-23 12:52
浏览 923
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js或jquery实现页面打印

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js或jquery实现页面打印

评论

发表评论

相关推荐

document.createElement()的用法

js操作数据库

js关掉浏览器-通用

javascript实现页面跳转的几种方式

javascript读写文件操作

javascript实现用户登录保存帐号密码（保存在cookies中）

js点击按钮出现进程条

js实现拖拉正方形

javascript特性概念

DOM一般属性

jquery实现文件单个上传，区分类型？

单给文件上传，区分文件类型？

如何保证刷新页面去新的页面后数据还在？

js大全手册

javascript基本使用

最近访客更多访客>>