window.print打印指定div实例代码


Posted in Javascript onDecember 13, 2013

首先我们可以把要打印的内容放在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 相关文章推荐
IE6图片加载的一个BUG解决方法
Jul 13 Javascript
javascript常见用法总结
May 22 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 Javascript
Angularjs中UI Router的使用方法
May 14 Javascript
详解jQuery简单的表格应用
Dec 16 Javascript
js中的DOM模拟购物车功能
Mar 22 Javascript
Vue-Cli中自定义过滤器的实现代码
Aug 12 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
May 18 Javascript
详解ES6 Promise的生命周期和创建
Aug 18 Javascript
Jquery异步上传文件代码实例
Nov 13 jQuery
js中script的上下放置区别,Dom的增删改创建操作实例分析
Dec 16 Javascript
vue与iframe之间的信息交互的实现
Apr 08 Javascript
Javascript中call的两种用法实例
Dec 13 #Javascript
分享JavaScript获取网页关闭与取消关闭的事件
Dec 13 #Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
Dec 13 #Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 #Javascript
xmlhttp缓存清除的2种解决方法
Dec 13 #Javascript
js获取url参数代码实例分享(JS操作URL)
Dec 13 #Javascript
js获取html页面节点方法(递归方式)
Dec 13 #Javascript
You might like
php date与gmdate的获取日期的区别
2010/02/08 PHP
windows下zendframework项目环境搭建(通过命令行配置)
2012/12/06 PHP
深入PHP FTP类的详解
2013/06/13 PHP
PHP经典面试题集锦
2015/03/19 PHP
php批量删除操作(数据访问)
2017/05/23 PHP
document对象execCommand的command参数介绍
2006/08/01 Javascript
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
2011/03/10 Javascript
JavaScript中的eval()函数详解
2013/08/22 Javascript
在js文件中写el表达式取不到值的原因及解决方法
2013/12/23 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
javascript中clipboardData对象用法详解
2015/05/13 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
angular.bind使用心得
2015/10/26 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
2016/05/29 Javascript
JS实现侧边栏鼠标经过弹出框+缓冲效果
2017/03/29 Javascript
vue2.0 computed 计算list循环后累加值的实例
2018/03/07 Javascript
React 组件中的 bind(this)示例代码
2018/09/16 Javascript
基于vue.js组件实现分页效果
2018/12/29 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
2019/12/06 Javascript
小程序角标的添加及绑定购物车数量进行实时更新的实现代码
2020/12/07 Javascript
python学生管理系统代码实现
2020/04/05 Python
浅谈python写入大量文件的问题
2018/11/09 Python
Python Django的安装配置教程图文详解
2019/07/17 Python
python redis连接 有序集合去重的代码
2019/08/04 Python
HTML5 visibilityState属性详细介绍和使用实例
2014/05/03 HTML / CSS
Ibood荷兰:互联网每日最佳在线优惠
2019/02/28 全球购物
TUMI香港官网:国际领先的行李箱、背囊品牌
2021/03/01 全球购物
网页设计个人找工作求职信
2013/11/28 职场文书
大学生自荐信
2013/12/11 职场文书
银行员工职业规划范文
2014/01/21 职场文书
建筑安全责任书范本
2014/07/24 职场文书
民事授权委托书范文
2014/08/02 职场文书
邓小平理论心得体会
2014/09/09 职场文书
民政局办理协议离婚(范本)
2014/10/25 职场文书
2015年度村委会工作总结
2015/04/29 职场文书
解析CSS 提取图片主题色功能(小技巧)
2021/05/12 HTML / CSS