js或jquery实现页面打印可局部打印


Posted in Javascript onMarch 27, 2014

js或jquery实现页面打印(局部打印)

1、js实现(可实现局部打印)

<html> 
<title>js打印</title> 
<head></head><body> 
<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--> 
</body> 
</html>

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实现(支持局部打印)
<html> 
<head> 
<script type="text/javascript" src="jquery-1.6.4.js"></script> 
<script> 
$(function(){ 
$("input#biuuu_button").click(function(){ 
$("div#myPrintArea").printArea(); 
}); 
</script> 
</head> 
<body> 
<input id="biuuu_button" type="button" value="打印"></input> 
<div id="myPrintArea">.....文本打印部分.....</div> <div class="quote_title">引用</div><div class="quote_div"></div> 
</body> 
</html>
Javascript 相关文章推荐
Javascript-Mozilla和IE中的一个函数直接量的问题
Jan 09 Javascript
用js来刷新当前页面保留参数的具体实现
Dec 23 Javascript
jQuery动态修改超链接地址的方法
Feb 13 Javascript
jquery实现模拟百分比进度条渐变效果代码
Oct 29 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
Jan 28 Javascript
纯js实现瀑布流布局及ajax动态新增数据
Apr 07 Javascript
Angularjs 实现分页功能及示例代码
Sep 14 Javascript
JSON 对象未定义错误的解决方法
Sep 29 Javascript
总结Javascript中数组各种去重的方法
Oct 04 Javascript
vue2.0使用swiper组件实现轮播效果
Nov 27 Javascript
Vue中的Props(不可变状态)
Sep 29 Javascript
Node.js 在本地生成日志文件的方法
Feb 07 Javascript
window.location.href IE下跳转失效的解决方法
Mar 27 #Javascript
jquery无法设置checkbox选中即没有变成选中状态
Mar 27 #Javascript
JS字符串拼接在ie中都报错的解决方法
Mar 27 #Javascript
IE下双击checkbox反应延迟问题的解决方法
Mar 27 #Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 #Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
Mar 27 #Javascript
js无刷新操作table的行和列
Mar 27 #Javascript
You might like
谈谈PHP语法(5)
2006/10/09 PHP
教你如何把一篇文章按要求分段
2006/10/09 PHP
PHP取二进制文件头快速判断文件类型的实现代码
2013/08/05 PHP
PHP图像处理之imagecreate、imagedestroy函数介绍
2014/11/19 PHP
PHP下SSL加密解密、验证、签名方法(很简单)
2020/06/28 PHP
php将print_r处理后的数据还原为原始数组的解决方法
2016/11/02 PHP
php简单实现文件或图片强制下载的方法
2016/12/06 PHP
PHP实现微信图片上传到服务器的方法示例
2017/06/29 PHP
学习ExtJS(二) Button常用方法
2009/10/07 Javascript
javascript简单性能问题及学习笔记
2014/02/04 Javascript
javascript中attribute和property的区别详解
2014/06/05 Javascript
javascript操作字符串的原生方法
2014/12/22 Javascript
jQuery的css()方法用法实例
2014/12/24 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
2015/01/28 Javascript
JavaScript中setFullYear()方法的使用详解
2015/06/11 Javascript
酷! 不同风格页面布局幻灯片特效js实现
2021/02/19 Javascript
PWA介绍及快速上手搭建一个PWA应用的方法
2019/01/27 Javascript
移动端底部导航固定配合vue-router实现组件切换功能
2019/06/13 Javascript
p5.js临摹旋转爱心
2019/10/23 Javascript
[11:12]2018DOTA2国际邀请赛寻真——绿色长城OpTic
2018/08/10 DOTA
[01:05:40]VG vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
基于Python如何使用AIML搭建聊天机器人
2016/01/27 Python
一张图带我们入门Python基础教程
2017/02/05 Python
python 3调用百度OCR API实现剪贴板文字识别
2018/09/04 Python
对python Tkinter Text的用法详解
2018/10/11 Python
Python 串口读写的实现方法
2019/06/12 Python
使用 Python 清理收藏夹里已失效的网站
2019/12/03 Python
pandas参数设置的实用小技巧
2020/08/23 Python
python在linux环境下安装skimage的示例代码
2020/10/14 Python
深入解析HTML5使用SVG图像时的viewBox属性用法
2015/09/02 HTML / CSS
装潢设计实习自我鉴定
2013/09/19 职场文书
食品安全宣传标语
2014/06/07 职场文书
行政专员岗位职责说明书
2014/07/30 职场文书
销售经理工作失职检讨书
2014/10/24 职场文书
三八节活动主持词
2015/07/04 职场文书
详细聊聊MySQL中慢SQL优化的方向
2021/08/30 MySQL