js window.print实现打印特定控件或内容


Posted in Javascript onSeptember 16, 2013

window.print可以打印网页,但有时候我们只希望打印特定控件或内容,怎么办呢?

window.print打印指定div
首先我们可以把要打印的内容放在div中,然后用下面的代码进行打印。

<html> 
<head> 
<script language="javascript"> 
function printdiv(printpage) 
{ 
var headstr = "<html><head><title></title></head><body>"; 
var footstr = "</body>"; 
var newstr = document.all.item(printpage).innerHTML; 
var oldstr = document.body.innerHTML; 
document.body.innerHTML = headstr+newstr+footstr; 
window.print(); 
document.body.innerHTML = oldstr; 
return false; 
} 
</script> 
<title>div print</title> 
</head> <body> 
//HTML Page 
//Other content you wouldn't like to print 
<input name="b_print" type="button" class="ipt" onClick="printdiv('div_print');" value=" Print "> 
<div id="div_print"> 
<h1 style="Color:Red">The Div content which you want to print</h1> 
</div> 
//Other content you wouldn't like to print 
//Other content you wouldn't like to print 
</body> 
</html>
Javascript 相关文章推荐
收藏Javascript中常用的55个经典技巧
Aug 12 Javascript
JavaScript的parseInt 进制问题
May 07 Javascript
基于jquery的合并table相同单元格的插件(精简版)
Apr 05 Javascript
form.submit()不能提交表单的错误原因及解决方法
Oct 13 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 Javascript
基于javascript实现九宫格大转盘效果
May 28 Javascript
jQuery实现的导航动画效果(附demo源码)
Apr 01 Javascript
JS调用Android、Ios原生控件
Jan 06 Javascript
js实现贪吃蛇小游戏(容易理解)
Jan 22 Javascript
javascript 中iframe高度自适应(同域)实例详解
May 16 Javascript
第一次记录Bootstrap table学习笔记(1)
May 18 Javascript
JS快速实现简单计算器
Apr 08 Javascript
基于jquery的网站幻灯片切换效果焦点图代码
Sep 15 #Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
Sep 15 #Javascript
如何解决Jquery库及其他库之间的$命名冲突
Sep 15 #Javascript
异步动态加载js与css文件的js代码
Sep 15 #Javascript
javascript 实现键盘上下左右功能的小例子
Sep 15 #Javascript
js左侧三级菜单导航实例代码
Sep 13 #Javascript
jquery mobile changepage的三种传参方法介绍
Sep 13 #Javascript
You might like
php的控制语句
2006/10/09 PHP
php中处理mysql_fetch_assoc返回来的数组 不用foreach----echo
2011/05/04 PHP
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
PHP mkdir()无写权限的问题解决方法
2014/06/19 PHP
PHP生成随机数的方法总结
2018/03/01 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
2011/06/27 Javascript
javascript学习笔记(十九) 节点的操作实现代码
2012/06/20 Javascript
基于JQuery的一句话搞定手风琴菜单
2012/09/14 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
2013/08/15 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
对象题目的一个坑 理解Javascript对象
2015/12/22 Javascript
你一定会收藏的Nodejs代码片段
2016/02/04 NodeJs
js表单处理中单选、多选、选择框值的获取及表单的序列化
2016/03/08 Javascript
Javascript的this用法
2017/01/16 Javascript
JavaScript中document.referrer的用法详解
2017/07/04 Javascript
微信小程序实现图片上传功能
2018/05/28 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
2018/09/20 Javascript
浅谈ECMAScript 中的Array类型
2019/06/10 Javascript
10分钟学会js处理json的常用方法
2020/12/06 Javascript
python装饰器与递归算法详解
2016/02/18 Python
详解Python开发中如何使用Hook技巧
2017/11/01 Python
使用Python的Dataframe取两列时间值相差一年的所有行方法
2018/07/10 Python
win7下 python3.6 安装opencv 和 opencv-contrib-python解决 cv2.xfeatures2d.SIFT_create() 的问题
2019/10/24 Python
Columbia美国官网:美国著名的户外服装品牌
2016/11/24 全球购物
远程研修随笔感言
2014/02/10 职场文书
教师现实表现材料
2014/02/14 职场文书
军训拉歌口号
2014/06/13 职场文书
2014教师研修学习体会
2014/07/08 职场文书
2014年煤矿工作总结
2014/11/24 职场文书
勇敢的心观后感
2015/06/09 职场文书
八年级英语教学反思
2016/02/15 职场文书
写给汽车4S店的创业计划书,拿来即用!
2019/08/09 职场文书
nginx处理http请求实现过程解析
2021/03/31 Servers
python全面解析接口返回数据
2022/02/12 Python
十大动画制作软件,Adobe产品上榜两款,第一是行业标准软件
2022/03/18 杂记