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对象数组按属性快速排序
Jan 31 Javascript
HTTP 304错误的详细讲解
Nov 13 Javascript
JavaScript中函数(Function)的apply与call理解
Jul 08 Javascript
JS+CSS实现表格高亮的方法
Aug 05 Javascript
纯javascript移动优先的幻灯片效果
Nov 02 Javascript
基于JavaScript实现动态创建表格和增加表格行数
Dec 20 Javascript
jQuery侧边栏实现代码
May 06 Javascript
JavaScript实现隐藏省略文字效果的方法
Apr 27 Javascript
ES6学习教程之Map的常用方法总结
Aug 03 Javascript
JavaScript 中的 this 工作原理
Jun 20 Javascript
让 babel webpack vue 配置文件支持智能提示的方法
Jun 22 Javascript
Node.js API详解之 os模块用法实例分析
May 06 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框架Phpbean说明
2008/01/10 PHP
PHP 数据结构 算法描述 冒泡排序 bubble sort
2011/07/10 PHP
php中防止伪造跨站请求的小招式
2011/09/02 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
PHP+Mysql+jQuery实现发布微博程序 php篇
2015/10/15 PHP
JavaScript 继承详解(三)
2009/07/13 Javascript
深入理解javascript中defer的作用
2013/12/11 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
2014/07/08 Javascript
director.js实现前端路由使用实例
2015/02/03 Javascript
JavaScript事件委托技术实例分析
2015/02/06 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
2015/02/25 Javascript
Javascript实现检测客户端类型代码封包
2015/12/03 Javascript
详解webpack运行Babel教程
2018/06/13 Javascript
ES6 Set结构的应用实例分析
2019/06/26 Javascript
基于layui框架响应式布局的一些使用详解
2019/09/16 Javascript
layui use 定义js外部引用函数的方法
2019/09/26 Javascript
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
JS图片懒加载技术实现过程解析
2020/07/27 Javascript
调试Python程序代码的几种方法总结
2015/04/28 Python
Python执行时间的计算方法小结
2017/03/17 Python
python3使用scrapy生成csv文件代码示例
2017/12/28 Python
Python的UTC时间转换讲解
2019/02/26 Python
使用PyQtGraph绘制精美的股票行情K线图的示例代码
2019/03/14 Python
Python中一些深不见底的“坑”
2019/06/12 Python
django框架防止XSS注入的方法分析
2019/06/21 Python
详解python uiautomator2 watcher的使用方法
2019/09/09 Python
python写一个随机点名软件的实例
2019/11/28 Python
python将logging模块封装成单独模块并实现动态切换Level方式
2020/05/12 Python
购房公证委托书(2014版)
2014/09/12 职场文书
学生检讨书怎么写
2014/10/09 职场文书
2015年中学元旦晚会活动方案
2014/12/09 职场文书
亲属关系公证书样本
2015/01/23 职场文书
2016年暑假家长对孩子评语
2015/12/01 职场文书
2017春节晚会开幕词
2016/03/03 职场文书
《月歌。》宣布制作10周年纪念剧场版《RABBITS KINGDOM THE MOVIE》
2022/04/02 日漫
使用vuex-persistedstate本地存储vuex
2022/04/29 Vue.js