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 相关文章推荐
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
Mar 26 Javascript
利用webqq协议使用python登录qq发消息源码参考
Apr 08 Javascript
jquery实现手机发送验证码的倒计时代码
Feb 12 Javascript
浅谈Javascript实现继承的方法
Jul 06 Javascript
详解Angualr 组件间通信
Jan 21 Javascript
微信小程序 动态绑定数据及动态事件处理
Mar 14 Javascript
BootStrap表单时间选择器详解
May 09 Javascript
Vue.js 踩坑记之双向绑定
May 03 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
May 17 Javascript
Vue项目中跨域问题解决方案
Jun 05 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
Aug 12 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
Nov 26 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+Html+缓存
2006/11/25 PHP
php实现文件下载(支持中文文名)
2013/12/04 PHP
discuz加密解密函数使用方法和中文注释
2014/01/21 PHP
CodeIgniter实现更改view文件夹路径的方法
2014/07/04 PHP
PHP基于SMTP协议实现邮件发送实例代码
2017/04/27 PHP
Yii框架组件的事件机制原理与用法分析
2020/04/07 PHP
利用a标签自动解析URL分析网址实例
2014/10/20 Javascript
jQuery修改class属性和CSS样式整理
2015/01/30 Javascript
javascript作用域问题实例分析
2015/07/13 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
百度多文件异步上传控件webuploader基本用法解析
2016/11/07 Javascript
js实现适合新闻类图片的轮播效果
2017/02/05 Javascript
微信小程序 地图map实例详解
2017/06/07 Javascript
nodejs密码加密中生成随机数的实例代码
2017/07/17 NodeJs
Vue + Vue-router 同名路由切换数据不更新的方法
2017/11/20 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
jQuery实现参数自定义的文字跑马灯效果
2018/08/15 jQuery
JavaScript 对引擎、运行时、调用堆栈的概述理解
2018/10/22 Javascript
利用js-cookie实现前端设置缓存数据定时失效
2019/06/18 Javascript
[01:06:25]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
python+numpy+matplotalib实现梯度下降法
2018/08/31 Python
python 读取修改pcap包的例子
2019/07/23 Python
快速解决Django关闭Debug模式无法加载media图片与static静态文件
2020/04/07 Python
Python实现图片查找轮廓、多边形拟合、最小外接矩形代码
2020/07/14 Python
Python执行时间的几种计算方法
2020/07/31 Python
Python实现一个论文下载器的过程
2021/01/18 Python
canvas离屏技术与放大镜实现代码示例
2018/08/31 HTML / CSS
开会迟到检讨书
2014/02/03 职场文书
物业管理工作方案
2014/05/10 职场文书
党性教育心得体会
2014/09/03 职场文书
八项规定整改方案
2014/10/01 职场文书
基层党员群众路线教育实践活动个人对照检查材料思想汇报
2014/10/05 职场文书
幼儿园保教工作总结2015
2015/10/15 职场文书
2016教师年度考核评语大全
2015/12/01 职场文书
用Python监控你的朋友都在浏览哪些网站?
2021/05/27 Python
Vertica集成Apache Hudi重磅使用指南
2022/03/31 Servers