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 substring从右边获取指定长度字符串(示例代码)
Dec 23 Javascript
浅谈Javascript中匀速运动的停止条件
Dec 19 Javascript
jQuery实现带渐显效果的人物多级关系图代码
Oct 16 Javascript
基于JavaScript实现弹出框效果
Feb 19 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
Dec 23 Javascript
BootStrap组件之进度条的基本用法
Jan 19 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
Jul 21 Javascript
vue购物车插件编写代码
Nov 27 Javascript
基于JavaScript实现简单的音频播放功能
Jan 07 Javascript
搭建一个Koa后端项目脚手架的方法步骤
May 30 Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
vue实现虚拟列表功能的代码
Jul 28 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&amp;&amp;mysql)四
2006/10/09 PHP
php自动加载机制的深入分析
2013/06/08 PHP
解析php中反射的应用
2013/06/18 PHP
php+ajax实现无刷新动态加载数据技术
2015/04/28 PHP
PHP过滤器 filter_has_var() 函数用法实例分析
2020/04/23 PHP
jquery模拟按下回车实现代码
2011/09/20 Javascript
jQuery使用数组编写图片无缝向左滚动
2012/12/11 Javascript
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法
2013/07/17 Javascript
js获取指定日期周数以及星期几的小例子
2014/06/27 Javascript
Iframe实现跨浏览器自适应高度解决方法
2014/09/02 Javascript
jQuery在ul中显示某个li索引号的方法
2015/03/17 Javascript
js初始化验证实例详解
2016/11/26 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
详解Vuex中mapState的具体用法
2017/09/28 Javascript
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
element-ui中select组件绑定值改变,触发change事件方法
2018/08/24 Javascript
python之yield表达式学习
2014/09/02 Python
python实现excel读写数据
2021/03/02 Python
python实现机器学习之多元线性回归
2018/09/06 Python
Python语言快速上手学习方法
2018/12/14 Python
python批量解压zip文件的方法
2019/08/20 Python
基于python连接oracle导并出数据文件
2020/04/28 Python
完美解决ARIMA模型中plot_acf画不出图的问题
2020/06/04 Python
python爬虫用mongodb的理由
2020/07/28 Python
利用纯css3实现的文字亮光特效的代码演示
2014/11/27 HTML / CSS
HTML如何让IMG自动适应DIV容器大小的实现方法
2020/02/25 HTML / CSS
NBA欧洲商店(法国):NBA Europe Store FR
2016/10/19 全球购物
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
综合素质的自我鉴定
2013/10/07 职场文书
暑期实习鉴定
2013/12/16 职场文书
珍珠鸟教学反思
2014/02/01 职场文书
2014大学生中国梦主题教育学习思想汇报
2014/09/10 职场文书
2014年减负工作总结
2014/12/10 职场文书
喋血孤城观后感
2015/06/08 职场文书
当你找不到方向的时候,不妨读读刘备的一生
2019/08/05 职场文书
Javascript设计模式之原型模式详细
2021/10/05 Javascript