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通用函数
May 09 Javascript
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
Javascript Object.extend
May 18 Javascript
js新闻滚动 js如何实现新闻滚动效果
Jan 07 Javascript
jquery实现勾选复选框触发事件给input赋值
Feb 01 Javascript
JS简单实现城市二级联动选择插件的方法
Aug 19 Javascript
Vue.js事件处理器与表单控件绑定详解
Mar 20 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
Aug 21 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
Mar 26 Javascript
对layui初始化列表的CheckBox属性详解
Sep 13 Javascript
vue - vue.config.js中devServer配置方式
Oct 30 Javascript
Vue router安装及使用方法解析
Dec 02 Vue.js
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/04/24 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
JavaScript 精粹读书笔记(1,2)
2010/02/07 Javascript
js函数调用常用方法详解
2012/12/03 Javascript
AngularJS入门教程之学习环境搭建
2014/12/06 Javascript
浏览器中url存储的JavaScript实现
2015/07/07 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
2015/10/28 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
完美解决JS文件页面加载时的阻塞问题
2016/12/18 Javascript
VUE+Element环境搭建与安装的方法步骤
2019/01/24 Javascript
JavaScript eval()函数定义及使用方法详解
2020/07/07 Javascript
python中的对象拷贝示例 python引用传递
2014/01/23 Python
python实现类的静态变量用法实例
2015/05/08 Python
Python爬虫之xlml解析库(全面了解)
2017/08/08 Python
用Pytorch训练CNN(数据集MNIST,使用GPU的方法)
2019/08/19 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
使用PyQt的QLabel组件实现选定目标框功能的方法示例
2020/05/19 Python
Python基于Serializer实现字段验证及序列化
2020/11/04 Python
python Xpath语法的使用
2020/11/26 Python
python爬虫beautifulsoup库使用操作教程全解(python爬虫基础入门)
2021/02/19 Python
CSS3 分类菜单效果
2019/05/27 HTML / CSS
html5 跨文档消息传输示例探讨
2013/04/01 HTML / CSS
世界上最大的皮肤科医生拥有和经营的美容网站:LovelySkin
2021/01/03 全球购物
锐步香港官方网上商店:Reebok香港
2020/11/05 全球购物
挂职思想汇报
2013/12/31 职场文书
上课玩手机检讨书
2014/02/08 职场文书
社区居务公开实施方案
2014/03/27 职场文书
小学教师师德承诺书
2014/05/23 职场文书
离婚协议书范本样本
2014/08/19 职场文书
安全例会汇报材料
2014/08/23 职场文书
个人整改措施落实情况汇报
2014/10/29 职场文书
客房服务员岗位职责
2015/02/09 职场文书
2015年家长学校工作总结
2015/04/22 职场文书
2015年节能降耗工作总结
2015/05/22 职场文书
先进工作者主要事迹材料
2015/11/03 职场文书
关于职业道德的心得体会
2016/01/18 职场文书