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 相关文章推荐
图片上传插件jquery.uploadify详解
Nov 15 Javascript
JS操作iframe里的dom(实例讲解)
Jan 29 Javascript
在AngularJS应用中实现一些动画效果的代码
Jun 18 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
Feb 19 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 Javascript
jquery.tableSort.js表格排序插件使用方法详解
Aug 12 Javascript
详解vue-router基本使用
Apr 18 Javascript
JS检测window.open打开的窗口是否关闭
Jun 25 Javascript
浅谈Angular单元测试总结
Mar 22 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
Jun 05 Javascript
解决vuecli3中img src 的引入问题
Aug 04 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
Oct 29 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
从康盛产品(discuz)提取出来的模板类
2011/06/28 PHP
php json_encode奇怪问题说明
2011/09/27 PHP
thinkphp配置文件路径的实现方法
2016/08/30 PHP
php中文语义分析实现方法示例
2019/09/28 PHP
IE 缓存策略的BUG的解决方法
2007/07/21 Javascript
jQuery 添加/移除CSS类实现代码
2010/02/11 Javascript
关于锚点跳转及jQuery下相关操作与插件
2012/10/01 Javascript
web性能优化之javascript性能调优
2012/12/28 Javascript
获取内联和链接中的样式(js代码)
2013/04/11 Javascript
Jquery读取URL参数小例子
2013/08/30 Javascript
解析页面加载与js函数的执行 onload or ready
2013/12/12 Javascript
编写自己的jQuery提示框(Tip)插件
2015/02/05 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
2015/08/11 Javascript
jQuery实现放大镜效果实例代码
2016/03/17 Javascript
分享JavaScript监听全部Ajax请求事件的方法
2016/08/28 Javascript
javascript中Number的方法小结
2016/11/21 Javascript
js实现贪吃蛇小游戏(容易理解)
2017/01/22 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
2017/02/14 Javascript
Javascript读写cookie的实例源码
2019/03/16 Javascript
JS实现滑动拼图验证功能完整示例
2020/03/29 Javascript
Python使用xlrd读取Excel格式文件的方法
2015/03/10 Python
tensorflow创建变量以及根据名称查找变量
2018/03/10 Python
Python获取系统所有进程PID及进程名称的方法示例
2018/05/24 Python
Python 2.7中文显示与处理方法
2018/07/16 Python
django2.2 和 PyMySQL版本兼容问题
2020/02/17 Python
Python 爬取必应壁纸的实例讲解
2020/02/24 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
给面试官的感谢信
2014/02/01 职场文书
软件部经理岗位职责范本
2014/02/25 职场文书
合伙经营协议书范本(通用版)
2014/12/03 职场文书
挂职锻炼个人总结
2015/03/05 职场文书
2016年寒假社会实践活动总结
2015/03/27 职场文书
结婚通知短信怎么写
2015/04/17 职场文书
研讨会致辞
2015/07/31 职场文书
创业计划书之情侣餐厅
2019/09/29 职场文书
MySQL中rank() over、dense_rank() over、row_number() over用法介绍
2022/03/23 MySQL