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 相关文章推荐
关于div自适应高度/左右高度自适应一致的js代码
Mar 22 Javascript
JS实现定时页面弹出类似QQ新闻的提示框
Nov 07 Javascript
js函数在frame中的相互调用详解
Mar 03 Javascript
Javascript解析URL方法详解
Dec 05 Javascript
js用拖动滑块来控制图片大小的方法
Feb 27 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
Jun 19 Javascript
详解JavaScript对象序列化
Jan 19 Javascript
基于jquery实现弹幕效果
Sep 29 Javascript
webix+springmvc session超时跳转登录页面
Oct 30 Javascript
JavaScript中清空数组的三种方式
Mar 22 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
Dec 11 Javascript
Vue CL3 配置路径别名详解
May 30 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
基于文本的访客签到簿
2006/10/09 PHP
PHP安装攻略:常见问题解答(二)
2006/10/09 PHP
PHP初学入门
2006/11/19 PHP
PHP魔术方法__GET、__SET使用实例
2014/11/25 PHP
功能强大的php分页函数
2016/07/20 PHP
PHP批量修改文件名称的方法分析
2017/02/27 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
漂亮的jquery提示效果(仿腾讯弹出层)
2013/02/05 Javascript
简单实例处理url特殊符号&amp;处理(2种方法)
2013/04/02 Javascript
Javascript实现动态菜单添加的实例代码
2013/07/05 Javascript
nodejs中实现路由功能
2014/12/29 NodeJs
判断浏览器的内核及版本号方法汇总
2015/01/05 Javascript
JavaScript使用cookie记录临时访客信息的方法
2015/04/07 Javascript
分享Javascript实用方法二
2015/12/13 Javascript
JavaScript实现图片滑动切换的代码示例分享
2016/03/06 Javascript
在Javascript操作JSON对象,增加 删除 修改的简单实现
2016/06/02 Javascript
JSONP原理及简单实现
2016/06/08 Javascript
纯css下拉菜单 无需js
2016/08/15 Javascript
详解webpack-dev-server使用方法
2018/09/14 Javascript
javascript实现考勤日历功能
2018/11/29 Javascript
Vue监听滚动实现锚点定位(双向)示例
2019/11/13 Javascript
koa2的中间件功能及应用示例
2020/03/05 Javascript
Python类的定义、继承及类对象使用方法简明教程
2015/05/08 Python
python实现数据预处理之填充缺失值的示例
2017/12/22 Python
Python之多线程爬虫抓取网页图片的示例代码
2018/01/10 Python
python数组循环处理方法
2019/08/26 Python
Python 随机按键模拟2小时
2020/12/30 Python
全面解析CSS Media媒体查询使用操作(推荐)
2017/08/15 HTML / CSS
美国顶级防滑鞋:Shoes For Crews
2017/03/27 全球购物
Revolution Beauty美国官网:英国知名化妆品网站
2018/07/23 全球购物
本科生的职业生涯规划范文
2014/01/09 职场文书
教师节倡议书
2014/08/30 职场文书
技术员岗位职责范本
2015/04/11 职场文书
vue+elementui 实现新增和修改共用一个弹框的完整代码
2021/06/08 Vue.js
解析Java异步之call future
2021/06/14 Java/Android