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 相关文章推荐
Javasipt:操作radio标签详解
Dec 30 Javascript
javascript限制用户只能输汉字中文的方法
Nov 20 Javascript
node.js微信公众平台开发教程
Mar 04 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
May 25 Javascript
详解Vuejs2.0之异步跨域请求
Apr 20 Javascript
使用jQuery实现购物车结算功能
Aug 15 jQuery
详解如何去除vue项目中的#——History模式
Oct 13 Javascript
详解Angular路由之路由守卫
May 10 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 29 Javascript
使用layui实现树形结构的方法
Sep 20 Javascript
微信浏览器下拉黑边解决方案 wScroollFix
Jan 21 Javascript
【js设计模式】SOLID五大设计原则
Mar 24 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
header跳转和include包含问题详解
2012/09/08 PHP
PHP 正则判断中文UTF-8或GBK的思路及具体实现
2013/11/26 PHP
php缓冲 output_buffering和ob_start使用介绍
2014/01/30 PHP
PHP实现PDO的mysql数据库操作类
2014/12/12 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
PHP echo()函数讲解
2019/02/15 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
基于jquery的direction图片渐变动画效果
2010/05/24 Javascript
javascript 拖动表格行实现代码
2011/05/05 Javascript
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
2012/11/11 Javascript
jQuery下的动画处理总结
2013/10/10 Javascript
jQuery替换字符串(实例代码)
2013/11/13 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
2013/12/19 Javascript
js判断浏览器类型及设备(移动页面开发)
2015/07/30 Javascript
node.js Sequelize实现单实例字段或批量自增、自减
2016/12/08 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
简单实现jQuery弹窗效果
2017/10/30 jQuery
微信小程序上传图片到php服务器的方法
2019/05/23 Javascript
环形加载进度条封装(Vue插件版和原生js版)
2019/12/04 Javascript
JavaScript实现打砖块游戏
2020/02/25 Javascript
Vue.js原理分析之nextTick实现详解
2020/09/07 Javascript
[05:16]《大圣!大圣》——DOTA2新英雄齐天大圣配音李世宏老师专访
2016/12/13 DOTA
Python os模块介绍
2014/11/30 Python
Python编写百度贴吧的简单爬虫
2015/04/02 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
Python pyinotify日志监控系统处理日志的方法
2018/03/08 Python
python利用pandas将excel文件转换为txt文件的方法
2018/10/23 Python
pandas 数据索引与选取的实现方法
2019/06/21 Python
PyQt Qt Designer工具的布局管理详解
2019/08/07 Python
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
2013/01/09 HTML / CSS
什么样的创业计划书可行性高?
2014/02/01 职场文书
服装设计专业求职信
2014/06/16 职场文书
党的群众路线对照检查材料(个人)
2014/09/24 职场文书
基于nginx实现上游服务器动态自动上下线无需reload的实现方法
2021/03/31 Servers
Django一小时写出账号密码管理系统
2021/04/29 Python
vue项目支付功能代码详解
2022/02/18 Vue.js