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 相关文章推荐
node爬取微博的数据的简单封装库nodeweibo使用指南
Jan 02 Javascript
JavaScript对数组进行随机重排的方法
Jul 22 Javascript
jQuery中ajax的load()与post()方法实例详解
Jan 05 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
May 24 Javascript
vue.js实现仿原生ios时间选择组件实例代码
Dec 21 Javascript
如何快速上手Vuex
Feb 14 Javascript
js微信应用场景之微信音乐相册案例分享
Aug 11 Javascript
vue 路由嵌套高亮问题的解决方法
May 17 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
Apr 04 Javascript
JavaScript如何借用构造函数继承
Nov 06 Javascript
微信小程序实现日历签到
Sep 21 Javascript
node.js通过Sequelize 连接MySQL的方法
Dec 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中常见数据类型的汇总分享
2014/01/06 PHP
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
PHP+HTML+JavaScript+Css实现简单爬虫开发
2016/03/28 PHP
PHP中类的继承和用法实例分析
2016/05/24 PHP
实现复选框全选/全不选切换
2006/12/23 Javascript
js过滤HTML标签以及空格的思路及代码
2013/05/24 Javascript
javascript内存管理详细解析
2013/11/11 Javascript
jquery实现带二级菜单的导航示例
2014/04/28 Javascript
javascript中不提供sleep功能如何实现这个功能
2014/05/27 Javascript
JQuery删除DOM节点的方法
2015/06/11 Javascript
js钢琴按钮波浪式图片排列效果代码分享
2015/08/26 Javascript
Node.js的文件权限及读写flag详解
2016/10/11 Javascript
JS 终止执行的实现方法
2016/11/24 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
2016/12/06 Javascript
jQuery实现级联下拉框实战(5)
2017/02/08 Javascript
js处理包含中文的字符串实例
2017/10/11 Javascript
基于ssm框架实现layui分页效果
2019/07/27 Javascript
Node.js安装详细步骤教程(Windows版)详解
2019/09/01 Javascript
jquery选择器和属性对象的操作实例分析
2020/01/10 jQuery
Vue 中 template 有且只能一个 root的原因解析(源码分析)
2020/04/11 Javascript
JS array数组检测方式解析
2020/05/19 Javascript
python实现图书管理系统
2018/03/12 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
实例讲解CSS3中的box-flex弹性盒属性布局
2016/06/09 HTML / CSS
购买美国制造的相框和画框架:Picture Frames
2018/08/14 全球购物
电子狗项圈:eDog Australia
2019/12/04 全球购物
芭比波朗加拿大官方网站:Bobbi Brown Cosmetics CA
2020/11/05 全球购物
保安部任务及岗位职责
2014/02/25 职场文书
疾病捐款倡议书
2014/05/13 职场文书
公司副总经理岗位职责
2015/04/08 职场文书
学习雷锋精神倡议书
2015/04/27 职场文书
看雷锋电影观后感
2015/06/10 职场文书
医院见习总结
2015/06/24 职场文书
小学体育队列队形教学反思
2016/02/16 职场文书
青年人初次创业的“五不要”
2019/08/23 职场文书
使用CSS实现小三角边框原理解析
2021/11/07 HTML / CSS