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 相关文章推荐
ExtJS 2.0实用简明教程之应用ExtJS
Apr 29 Javascript
js动态设置div的值下例子
Oct 29 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
Aug 18 Javascript
JavaScript获得表单target属性的方法
Apr 02 Javascript
JQUERY简单按钮轮换选中效果实现方法
May 07 Javascript
jquery validate.js表单验证入门实例(附源码)
Nov 10 Javascript
详解JavaScript逻辑Not运算符
Dec 04 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
Vue from-validate 表单验证的示例代码
Sep 26 Javascript
javascript用rem来做响应式开发
Jan 13 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
Mar 09 Javascript
Vuejs中的watch实例详解(监听者)
Jan 05 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/08/15 PHP
PHP中的Memcache详解
2014/04/05 PHP
ThinkPHP权限认证Auth实例详解
2014/07/22 PHP
几个实用的PHP内置函数使用指南
2014/11/27 PHP
laravel 5 实现模板主题功能
2015/03/02 PHP
php+redis实现多台服务器内网存储session并读取示例
2017/01/12 PHP
PHP使用OB缓存实现静态化功能示例
2019/03/23 PHP
Javascript 静态页面实现随机显示广告的办法
2010/11/17 Javascript
JavaScript实现网页对象拖放功能的方法
2015/04/15 Javascript
如何判断Javascript对象是否存在的简单实例
2016/05/18 Javascript
深入理解jQuery中的事件冒泡
2016/05/24 Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
2016/06/21 Javascript
简单实现jQuery手风琴效果
2017/08/18 jQuery
Vue入门之animate过渡动画效果
2018/04/08 Javascript
vue 之 css module的使用方法
2018/12/04 Javascript
js实现京东秒杀倒计时功能
2019/01/21 Javascript
详解vue 自定义marquee无缝滚动组件
2019/04/09 Javascript
原生js 实现表单验证功能
2021/02/08 Javascript
python 连接sqlite及简单操作
2017/06/30 Python
python中urlparse模块介绍与使用示例
2017/11/19 Python
Python实现检测文件MD5值的方法示例
2018/04/11 Python
python 实现视频流下载保存MP4的方法
2019/01/09 Python
我喜欢你 抖音表白程序python版
2019/04/07 Python
HTML5中meta属性的使用方法
2016/02/29 HTML / CSS
HTML5超文本标记语言的实现方法
2020/09/24 HTML / CSS
W Hamond官网:始于1979年的钻石专家
2020/07/20 全球购物
车间班组长的职责
2013/12/13 职场文书
医校毕业生自我鉴定
2014/01/25 职场文书
2014医学院领导干部四风对照检查材料思想汇报
2014/09/16 职场文书
《我爱祖国》演讲稿1000字
2014/09/26 职场文书
高校群众路线教育实践活动剖析材料
2014/10/10 职场文书
党的群众路线学习笔记
2014/11/06 职场文书
小浪底导游词
2015/02/12 职场文书
公司捐书倡议书
2015/04/27 职场文书
大学生军训心得体会5篇
2019/08/15 职场文书