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 相关文章推荐
JavaScript进阶教程(第四课第一部分)
Apr 05 Javascript
jQuery学习笔记之 Ajax操作篇(一) - 数据加载
Jun 23 Javascript
浅谈jQuery中的事件
Mar 23 Javascript
javascript实现unicode与ASCII相互转换的方法
Dec 10 Javascript
基于angular实现三级联动的生日插件
May 12 Javascript
简单实现js拖拽效果
Jul 25 Javascript
详解处理bootstrap4不支持远程静态框问题
Jul 20 Javascript
微信小程序自定义组件封装及父子间组件传值的方法
Aug 28 Javascript
jquery获取img的src值实例介绍
Jan 16 jQuery
详解基于vue-cli3快速发布一个fullpage组件
Mar 08 Javascript
vue中组件的3种使用方式详解
Mar 23 Javascript
js实现聊天对话框
Feb 08 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
百事可乐也出咖啡了 双倍咖啡因双倍快乐
2021/03/03 咖啡文化
php 数组的合并、拆分、区别取值函数集
2010/02/15 PHP
PHP 创建标签云函数代码
2010/05/26 PHP
PHP无限分类(树形类)的深入分析
2013/06/02 PHP
PHP eval函数使用介绍
2013/12/08 PHP
yiic命令时提示“php.exe”不是内部或外部命令的解决方法
2014/12/18 PHP
1亿条数据如何分表100张到Mysql数据库中(PHP)
2015/07/29 PHP
javascript Array.remove() 数组删除
2009/08/06 Javascript
js客户端快捷键管理类的较完整实现和应用
2010/06/08 Javascript
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
2012/02/03 Javascript
如何动态的导入js文件具体该怎么实现
2014/01/14 Javascript
自写的jQuery异步加载数据添加事件
2014/05/15 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
2014/06/06 Javascript
jQuery实现的网页左侧在线客服效果代码
2015/10/23 Javascript
利用jquery实现瀑布流3种案例
2016/09/18 Javascript
js导出excel文件的简洁方法(推荐)
2016/11/02 Javascript
vue2.0与bootstrap3实现列表分页效果
2017/11/28 Javascript
javascript实现文件拖拽事件
2018/03/29 Javascript
微信小程序实现省市区三级地址选择
2020/06/21 Javascript
JS+CSS实现随机点名(实例代码)
2019/11/04 Javascript
图解JS原型和原型链实现原理
2020/09/15 Javascript
使用Python的Tornado框架实现一个一对一聊天的程序
2015/04/25 Python
Python中计算三角函数之cos()方法的使用简介
2015/05/15 Python
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
pyinstaller打包多个py文件和去除cmd黑框的方法
2019/06/21 Python
django教程如何自学
2020/07/31 Python
详解CSS3中border-image的使用
2015/07/18 HTML / CSS
HelloFresh奥地利:立即订购烹饪盒
2019/02/22 全球购物
我看到了用指针调用函数的不同语法形式
2014/07/16 面试题
作文评语集锦大全
2014/04/23 职场文书
小露珠教学反思
2014/04/30 职场文书
2016党风廉政建设心得体会范文
2016/01/25 职场文书
MySQL高级进阶sql语句总结大全
2022/03/16 MySQL
提高系统的吞吐量解决数据库重复写入问题
2022/04/23 MySQL
详解Go语言中配置文件使用与日志配置
2022/06/01 Golang