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 性能优化指南 (1)
May 21 Javascript
js控制滚动条缓慢滚动到顶部实现代码
Mar 20 Javascript
Javascript中的arguments与重载介绍
Mar 15 Javascript
详谈javascript中的cookie
Jun 03 Javascript
js实现拉幕效果的广告代码
Sep 02 Javascript
JavaScript 函数的执行过程
May 09 Javascript
canvas实现图片根据滑块放大缩小效果
Feb 24 Javascript
react-native组件中NavigatorIOS和ListView结合使用的方法
Sep 30 Javascript
vue axios请求拦截实例代码
Mar 29 Javascript
10分钟上手vue-cli 3.0 入门介绍
Apr 04 Javascript
vue实现通讯录功能
Jul 14 Javascript
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
基于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输出xml格式字符串(用的这个)
2012/07/12 PHP
CentOS6.5 编译安装lnmp环境
2014/12/21 PHP
13个绚丽的Jquery 界面设计网站推荐
2010/09/28 Javascript
jQuery动态添加 input type=file的实现代码
2012/06/14 Javascript
跟我学习javascript创建对象(类)的8种方法
2015/11/20 Javascript
JS与HTML结合使用marquee标签实现无缝滚动效果代码
2016/07/05 Javascript
html5+canvas实现支持触屏的签名插件教程
2017/05/08 Javascript
JavaScript反弹动画效果的实现代码
2017/07/13 Javascript
ES6学习之变量的两种命名方法示例
2017/07/18 Javascript
JS实现闭包中的沙箱模式示例
2017/09/07 Javascript
11行JS代码制作二维码生成功能
2018/03/09 Javascript
vue 下列表侧滑操作实例代码详解
2018/07/24 Javascript
jQuery 点击获取验证码按钮及倒计时功能
2018/09/20 jQuery
在Vue项目中使用snapshot测试的具体使用
2019/04/16 Javascript
原生JS无缝滑动轮播图
2019/10/22 Javascript
Node.js API详解之 vm模块用法实例分析
2020/05/27 Javascript
[01:42]辉夜杯战队访谈宣传片—FANTUAN
2015/12/25 DOTA
寻找网站后台地址的python脚本
2014/09/01 Python
一些Python中的二维数组的操作方法
2015/05/02 Python
在DigitalOcean的服务器上部署flaskblog应用
2015/12/19 Python
python实现两个dict合并与计算操作示例
2019/07/01 Python
新手入门Python编程的8个实用建议
2019/07/12 Python
python中watchdog文件监控与检测上传功能
2020/10/30 Python
python 实现超级玛丽游戏
2020/11/25 Python
python模块内置属性概念及实例
2021/02/18 Python
HTML5是否真的可以取代Flash
2010/02/10 HTML / CSS
应聘教师推荐信
2013/10/31 职场文书
人力资源管理毕业生自荐信
2013/11/21 职场文书
总经理秘书工作职责
2013/12/26 职场文书
爱国卫生月活动总结范文
2014/04/25 职场文书
一份没有按时交货失信于客户的检讨书
2014/09/19 职场文书
山东省召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
结婚十年感言
2015/07/31 职场文书
周一给客户的问候语
2015/11/10 职场文书
七年级作文(600字3篇)
2019/09/24 职场文书
Win11 Beta 22621.601 和 22622.601今日发布 KB5017384修复内容汇总
2022/09/23 数码科技