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 相关文章推荐
基于jQuery的一个扩展form序列化到json对象
Dec 09 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
May 19 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
Sep 02 Javascript
如何解决Jquery库及其他库之间的$命名冲突
Sep 15 Javascript
jQuery蓝色风格滑动导航栏代码分享
Aug 19 Javascript
用js读写cookie的简单方法(推荐)
Aug 08 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
浅谈Node.js 子进程与应用场景
Jan 24 Javascript
React BootStrap用户体验框架快速上手
Mar 06 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
Mar 29 Javascript
JS实现的字符串数组去重功能小结
Jun 17 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
修改Zend引擎实现PHP源码加密的原理及实践
2008/04/14 PHP
Yii2中hasOne、hasMany及多对多关联查询的用法详解
2017/02/15 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
php 使用html5 XHR2实现上传文件与进度显示功能示例
2020/03/03 PHP
js与运算符和或运算符的妙用
2014/02/14 Javascript
jQuery打印指定区域Html页面并自动分页
2014/07/04 Javascript
NodeJS Web应用监听sock文件实例
2015/02/18 NodeJs
ExtJs动态生成treepanel的Json格式
2015/07/19 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
浅析Bootstrap缩略图组件与警示框组件
2016/04/29 Javascript
node.js实现快速截图
2016/08/27 Javascript
JavaScript中const、var和let区别浅析
2016/10/11 Javascript
jQuery插件实现可输入和自动匹配的下拉框
2016/10/24 Javascript
layui实现动态和静态分页
2018/04/28 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
2019/06/17 Javascript
layui-select动态选中值的例子
2019/09/23 Javascript
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
Python简单计算文件夹大小的方法
2015/07/14 Python
python 写入csv乱码问题解决方法
2016/10/23 Python
利用pyinstaller或virtualenv将python程序打包详解
2017/03/22 Python
python3 对list中每个元素进行处理的方法
2018/06/29 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
基于Python+Appium实现京东双十一自动领金币功能
2019/10/31 Python
Python爬虫:Request Payload和Form Data的简单区别说明
2020/04/30 Python
jupyter notebook的安装与使用详解
2020/05/18 Python
HTML5 Canvas绘制文本及图片的基础教程
2016/03/14 HTML / CSS
美国最大的宠物药店:1-800-PetMeds
2016/10/02 全球购物
行政总经理岗位职责
2013/12/05 职场文书
咖啡蛋糕店创业计划书
2014/01/28 职场文书
男性健康日的活动方案
2014/08/18 职场文书
房屋过户委托书范本
2014/10/07 职场文书
小学生运动会广播
2015/08/19 职场文书
2019年浪漫婚礼证婚词
2019/06/27 职场文书
成功的商业计划书这样写才最靠谱
2019/07/12 职场文书
《天使的翅膀》读后感3篇
2019/12/20 职场文书
SpringBoot集成Druid连接池连接MySQL8.0.11
2021/07/02 Java/Android