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函数
Apr 09 Javascript
checkbox 复选框不能为空
Jul 11 Javascript
JavaScript的eval JSON object问题
Nov 15 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
Sep 06 Javascript
For循环中分号隔开的3部分的执行顺序探讨
May 27 Javascript
JS实现霓虹灯文字效果的方法
Aug 06 Javascript
JavaScript中的数据类型转换方法小结
Oct 26 Javascript
AngularJs上传前预览图片的实例代码
Jan 20 Javascript
使用JavaScript根据图片获取条形码的方法
Jul 04 Javascript
ES6解构赋值实例详解
Oct 31 Javascript
使用vue-cli(vue脚手架)快速搭建项目的方法
May 21 Javascript
Angular进行简单单元测试的实现方法实例
Aug 16 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/12/06 PHP
php 模拟POST|GET操作实现代码
2010/07/20 PHP
Yii配置文件用法详解
2014/12/04 PHP
laravel 5.5 关闭token的3种实现方式
2019/10/24 PHP
改版了网上的一个js操作userdata
2007/04/27 Javascript
Jquery 高亮显示文本中重要的关键字
2009/12/24 Javascript
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
2010/06/10 Javascript
JavaScript学习笔记之数组求和方法
2016/03/23 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
详解AngularJS如何实现跨域请求
2016/08/22 Javascript
JS返回只包含数字类型的数组实例分析
2016/12/16 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
2018/07/10 Javascript
Vue 实现把表单form数据 转化成json格式的数据
2019/10/29 Javascript
vue中移动端调取本地的复制的文本方式
2020/07/18 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
2020/07/24 Javascript
[14:19]2018年度COSER大赛-完美盛典
2018/12/16 DOTA
详解Python编程中包的概念与管理
2015/10/16 Python
全面理解Python中self的用法
2016/06/04 Python
python机器学习库xgboost的使用
2020/01/20 Python
基于Pyinstaller打包Python程序并压缩文件大小
2020/05/28 Python
Python爬虫scrapy框架Cookie池(微博Cookie池)的使用
2021/01/13 Python
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
2016/08/25 HTML / CSS
HTML5 用动画的表现形式装载图像
2016/03/08 HTML / CSS
香港礼品网站:GiftU eshop
2017/09/01 全球购物
几道数据库的概念性面试题
2014/05/30 面试题
网络工程师个人的自我评价范文
2013/10/01 职场文书
网络书店创业计划书
2014/02/07 职场文书
给小学生的新年寄语
2014/04/04 职场文书
法人任命书范本
2014/06/04 职场文书
应届生自荐书
2014/06/23 职场文书
庆六一活动总结
2014/08/29 职场文书
教师节横幅标语
2014/10/08 职场文书
营销与策划实训报告
2014/11/05 职场文书
暑期实践个人总结
2015/03/06 职场文书
Java多条件判断场景中规则执行器的设计
2021/06/26 Java/Android
python 标准库原理与用法详解之os.path篇
2021/10/24 Python