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如何根据值设置默认的选中项
Mar 17 Javascript
JavaScript将数组转换成CSV格式的方法
Mar 19 Javascript
jQuery判断浏览器并动态调整select宽度的方法
Mar 02 Javascript
jQuery bt气泡实现悬停显示及移开隐藏功能的方法
Jul 12 Javascript
bootstrap警告框使用方法解析
Jan 13 Javascript
浅谈JS中的反柯里化( uncurrying)
Aug 17 Javascript
JavaScript 判断iPhone X Series机型的方法
Jan 28 Javascript
layer设置maxWidth及maxHeight解决方案
Jul 26 Javascript
解决layui使用layui-icon出现默认图标的问题
Sep 11 Javascript
在vue中根据光标的显示与消失实现下拉列表
Sep 29 Javascript
JavaScript实现简单贪吃蛇效果
Mar 09 Javascript
JS异步宏队列微队列原理详解
Sep 09 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代码审核的详细介绍
2013/06/13 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
PHP实现PDO操作mysql存储过程示例
2019/02/13 PHP
PHP连接SQL server数据库测试脚本运行实例
2020/08/24 PHP
js 无提示关闭浏览器页面的代码
2010/03/09 Javascript
javascript中如何处理引号编码&amp;#034;
2013/08/15 Javascript
ExtJS中设置下拉列表框不可编辑的方法
2014/05/07 Javascript
javascript实现checkbox复选框实例代码
2016/01/10 Javascript
js 将图片连接转换成base64格式的简单实例
2016/08/10 Javascript
jQuery事件绑定方法学习总结(推荐)
2016/11/21 Javascript
js实现滑动到页面底部自动加载更多功能
2017/02/15 Javascript
jQuery实现web页面樱花坠落的特效
2017/06/01 jQuery
基于Bootstrap实现城市三级联动
2017/11/23 Javascript
JS常用排序方法实例代码解析
2020/03/03 Javascript
使用Node.js实现base64和png文件相互转换的方法
2020/03/11 Javascript
Python对列表中的各项进行关联详解
2017/08/15 Python
matplotlib设置legend图例代码示例
2017/12/19 Python
详解python while 函数及while和for的区别
2018/09/07 Python
python pygame实现方向键控制小球
2019/05/17 Python
Python 实现交换矩阵的行示例
2019/06/26 Python
python应用文件读取与登录注册功能
2019/09/23 Python
pytorch 彩色图像转灰度图像实例
2020/01/13 Python
Python Tricks 使用 pywinrm 远程控制 Windows 主机的方法
2020/07/21 Python
使用Python通过oBIX协议访问Niagara数据的示例
2020/12/04 Python
python 制作磁力搜索工具
2021/03/04 Python
CSS3实现多重边框的方法总结
2016/05/31 HTML / CSS
HTML5几个设计和修改的页面范例分享
2015/09/29 HTML / CSS
美国玩具公司:U.S.Toy
2018/05/19 全球购物
党性教育心得体会
2014/09/03 职场文书
公民授权委托书范本
2014/09/17 职场文书
2015年客房服务员工作总结
2015/05/15 职场文书
经典哲理警句:志不真则心不热,心不热则功不贤
2019/11/14 职场文书
Vue实现tab导航栏并支持左右滑动功能
2021/06/28 Vue.js
Vue Element-ui表单校验规则实现
2021/07/09 Vue.js
Python中三种花式打印的示例详解
2022/03/19 Python
在Docker容器中部署SQL Server
2022/04/11 Servers