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异步表单提交,图片上传,兼容异步模拟ajax技术
May 10 Javascript
JQuery切换显示的效果实例代码
Feb 27 Javascript
js中opener与parent的区别详细解析
Jan 14 Javascript
javascript适合移动端的日期时间拾取器
Nov 10 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
Nov 03 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
Dec 12 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
Jun 18 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
Oct 20 Javascript
css和js实现弹出登录居中界面完整代码
Nov 26 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
Jul 21 Javascript
如何从零开始手写Koa2框架
Mar 22 Javascript
element多个表单校验的实现
May 27 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 mssql 数据库分页SQL语句
2008/12/16 PHP
PHP采集腾讯微博的实现代码
2012/01/19 PHP
PHP检测字符串是否为UTF8编码的常用方法
2014/11/21 PHP
php定义一个参数带有默认值的函数实例分析
2015/03/16 PHP
Yii2 GridView实现列表页直接修改数据的方法
2016/05/16 PHP
Yii1.1框架实现PHP极光推送消息通知功能
2018/09/06 PHP
php伪静态验证码不显示的解决方案
2019/09/26 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
在textarea中屏蔽js的某个function的javascript代码
2007/04/20 Javascript
jquery实现带二级菜单的导航示例
2014/04/28 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
jQuery中Ajax的load方法详解
2015/01/14 Javascript
详解JavaScript的回调函数
2015/11/20 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
2016/08/24 Javascript
JavaScript 链式结构序列化详解
2016/09/30 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
vue父组件向子组件(props)传递数据的方法
2018/01/02 Javascript
JS实现根据指定值删除数组中的元素操作示例
2018/08/02 Javascript
vue-cli监听组件加载完成的方法
2018/09/07 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
从源码里了解vue中的nextTick的使用
2018/11/22 Javascript
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
[02:08]2014DOTA2国际邀请赛 430专访:力争取得小组前二
2014/07/11 DOTA
详细解读Python中解析XML数据的方法
2015/10/15 Python
TensorFlow实现卷积神经网络
2018/05/24 Python
Tensorflow分批量读取数据教程
2020/02/07 Python
使用Python-OpenCV消除图像中孤立的小区域操作
2020/07/05 Python
CSS3的新特性介绍
2008/10/31 HTML / CSS
UGG英国官方网站:UGG UK
2018/02/08 全球购物
Champs Sports加拿大:北美最大的以商场为基础的专业运动鞋和服装零售商之一
2018/05/01 全球购物
民主生活会整改措施(党员)
2014/09/18 职场文书
在校生证明
2015/06/17 职场文书
观后感的写法
2015/06/19 职场文书
母亲节主题班会
2015/08/14 职场文书
pytorch--之halfTensor的使用详解
2021/05/24 Python
分布式架构Redis中有哪些数据结构及底层实现原理
2022/03/13 Redis