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学习笔记之DOM对象和jQuery对象
Dec 22 Javascript
js 分页全选或反选标识实现代码
Aug 09 Javascript
Prototype的Class.create函数解析
Sep 22 Javascript
js倒计时小程序
Nov 05 Javascript
js验证IP及子网掩码的合法性有效性示例
Apr 30 Javascript
jQuery实现TAB选项卡切换特效简单演示
Mar 04 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
Jun 12 Javascript
Vue导出页面为PDF格式的实现思路
Jul 31 Javascript
微信公众号H5支付接口调用方法
Jan 10 Javascript
JavaScript遍历数组的方法代码实例
Jan 14 Javascript
微信小程序使用 vant Dialog组件的正确方式
Feb 21 Javascript
vue3为什么要用proxy替代defineProperty
Oct 19 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
讲解WordPress开发中一些常用的debug技巧
2015/12/18 PHP
php数组分页实现方法
2016/04/30 PHP
PHP实现的AES双向加密解密功能示例【128位】
2018/09/03 PHP
学习YUI.Ext第七日-View&amp;JSONView Part Two-一个画室网站的案例
2007/03/10 Javascript
js限制文本框为整数和货币的函数代码
2010/10/13 Javascript
提升你网站水平的jQuery插件集合推荐
2011/04/19 Javascript
javascript获得服务器端控件的ID的实现代码
2011/12/28 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
2013/12/04 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
2014/05/03 Javascript
jquery中append()与appendto()用法分析
2014/11/14 Javascript
jQuery中parents()方法用法实例
2015/01/07 Javascript
jQuery调取jSon数据并展示的方法
2015/01/29 Javascript
详解浏览器渲染页面过程
2017/02/09 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
Vue中父组件向子组件通信的方法
2017/07/11 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
2017/10/26 Javascript
微信小程序实现换肤功能
2018/03/14 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
如何用RxJS实现Redux Form
2018/12/29 Javascript
详解python时间模块中的datetime模块
2016/01/13 Python
python打包压缩、读取指定目录下的指定类型文件
2018/04/12 Python
python3 判断列表是一个空列表的方法
2018/05/04 Python
使用Python的Django和layim实现即时通讯的方法
2018/05/25 Python
mac 安装python网络请求包requests方法
2018/06/13 Python
python生成随机红包的实例写法
2019/09/02 Python
python with (as)语句实例详解
2020/02/04 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题
2016/06/28 HTML / CSS
英国顶级水晶珠宝零售商之一:Tresor Paris
2019/04/27 全球购物
.NET现在共支持多少种语言
2014/02/26 面试题
JavaScript实现页面动态验证码的实现示例
2021/03/23 Javascript
会走路的树教学反思
2014/02/20 职场文书
房屋买卖协议书范本
2014/04/10 职场文书
英语教师个人工作总结
2015/02/09 职场文书