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 相关文章推荐
js汉字转拼音实现代码
Feb 06 Javascript
一个字符串反转函数可实现字符串倒序
Sep 15 Javascript
EasyUi datagrid 实现表格分页
Feb 10 Javascript
js设置document.domain实现跨域的注意点分析
May 21 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
Aug 24 Javascript
微信小程序 Video API实例详解
Oct 02 Javascript
javascript判断firebug是否开启的方法
Nov 23 Javascript
微信小程序学习之数据处理详解
Jul 05 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
Oct 12 Javascript
解决layui弹出层layer的area过大被遮挡的问题
Sep 21 Javascript
vue-router的钩子函数用法实例分析
Oct 26 Javascript
深入了解Vue动态组件和异步组件
Jan 26 Vue.js
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水印技术
2007/02/14 PHP
Zend Guard一些常见问题解答
2008/09/11 PHP
php图片缩放实现方法
2014/02/20 PHP
CI框架中zip类应用示例
2014/06/17 PHP
php微信公众平台开发之微信群发信息
2016/09/13 PHP
thinkphp5 模型实例化获得数据对象的教程
2019/10/18 PHP
JavaScript实现禁止后退的方法
2006/12/27 Javascript
预加载css或javascript的js代码
2010/04/23 Javascript
Web开发者必备的12款超赞jQuery插件
2010/12/03 Javascript
JS测试显示屏分辨率以及屏幕尺寸的方法
2013/11/22 Javascript
javascript移出节点removeChild()使用介绍
2014/04/03 Javascript
判断window.onload是否多次使用的方法
2014/09/21 Javascript
使用iojs的jsdom库实现同步系统时间
2015/04/20 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
Highcharts学习之数据列
2016/08/03 Javascript
windows下vue-cli及webpack搭建安装环境
2017/04/25 Javascript
JS隐藏号码中间4位代码实例
2019/04/09 Javascript
详解vue项目中实现图片裁剪功能
2019/06/07 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
2019/06/17 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
js判断鼠标移入移出方向的方法
2020/06/24 Javascript
Python迭代用法实例教程
2014/09/08 Python
Python中用pycurl监控http响应时间脚本分享
2015/02/02 Python
Python读大数据txt
2016/03/28 Python
Python闭包函数定义与用法分析
2018/07/20 Python
windows下numpy下载与安装图文教程
2019/04/02 Python
python爬虫租房信息在地图上显示的方法
2019/05/13 Python
Python 计算任意两向量之间的夹角方法
2019/07/05 Python
Python 50行爬虫抓取并处理图灵书目过程详解
2019/09/20 Python
Sandro Paris美国官网:典雅别致的法国时尚服饰品牌
2017/12/26 全球购物
幼儿园新年寄语
2014/04/03 职场文书
2016年度继续教育学习心得体会
2016/01/19 职场文书
vue3如何优雅的实现移动端登录注册模块
2021/03/29 Vue.js
oracle连接ODBC sqlserver数据源的详细步骤
2021/07/25 Oracle
Pandas搭配lambda组合使用详解
2022/01/22 Python
关于Redis的主从复制及哨兵问题
2022/06/16 Redis