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实现的完美渐变弹出层效果代码
Apr 02 Javascript
jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法
Jan 19 Javascript
jQuery之网页换肤实现代码
Apr 30 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
Sep 10 Javascript
jquery单选框radio绑定click事件实现方法
Jan 14 Javascript
JS通过Cookie判断页面是否为首次打开
Feb 05 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
Sep 20 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
解决layer图标icon不加载的问题
Sep 04 Javascript
JavaScript实现飞舞的泡泡效果
Feb 07 Javascript
JavaScript实现页面高亮操作提示和蒙板
Jan 04 Javascript
javascript遍历对象的五种方式实例代码
Oct 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
php自动跳转中英文页面
2008/07/29 PHP
PHP实现阳历到农历转换的类实例
2015/03/07 PHP
PHP随机生成信用卡卡号的方法
2015/03/23 PHP
php递归实现无限分类的方法
2015/07/28 PHP
PHP使用反向Ajax技术实现在线客服系统详解
2019/07/01 PHP
Prototype最新版(1.5 rc2)使用指南(1)
2007/01/10 Javascript
js实现在文本框光标处添加字符的方法介绍
2012/11/24 Javascript
jquery操作 iframe的方法
2014/12/03 Javascript
实用jquery操作表单元素的简单代码
2016/07/04 Javascript
jquery 判断是否支持Placeholder属性的方法
2017/02/07 Javascript
highcharts 在angular中的使用示例代码
2017/09/20 Javascript
JS实现按钮添加背景音乐示例代码
2017/10/17 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
2019/09/06 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
2019/09/24 Javascript
详解js中的原型,原型对象,原型链
2020/07/16 Javascript
[01:05:40]VG vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[01:36:19]Secret vs NB 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python中不同进制互相转换(二进制、八进制、十进制和十六进制)
2015/04/05 Python
python中正则的使用指南
2016/12/04 Python
利用Python如何生成hash值示例详解
2017/12/20 Python
Numpy数据类型转换astype,dtype的方法
2018/06/09 Python
python logging通过json文件配置的步骤
2020/04/27 Python
vscode配置anaconda3的方法步骤
2020/08/08 Python
使用before和:after伪类制作css3圆形按钮
2014/04/08 HTML / CSS
HTML5到底会有什么发展?HTML5的前景展望
2015/07/07 HTML / CSS
美特斯邦威官方商城:邦购网
2016/10/13 全球购物
Hurley官方网站:扎根于海滩生活方式的全球青年文化品牌
2020/05/18 全球购物
高中生国庆节演讲稿范文2014
2014/09/21 职场文书
四风批评与自我批评范文
2014/10/14 职场文书
就业意向书范本
2015/05/11 职场文书
2016年寒假社会实践活动心得体会
2015/10/09 职场文书
初二物理教学反思
2016/02/19 职场文书
初中语文教学反思范文
2016/03/03 职场文书
感谢信
2019/04/11 职场文书
Python实现生活常识解答机器人
2021/06/28 Python
世界十大评分最高的动漫,CLANNAD上榜,第八赚足人们眼泪
2022/03/18 日漫