window.print打印指定div

简介:

window.print可以打印网页,但有时候我们只希望打印特定控件或内容,怎么办呢?

首先我们可以把要打印的内容放在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>



   本文转自loose_went博客园博客,原文链接:http://www.cnblogs.com/michaelxu/archive/2009/05/31/1493029.html,如需转载请自行联系原作者

相关文章
|
4月前
|
Python
El Farol Bar 问题解释
El Farol Bar 问题解释
|
6月前
|
前端开发 JavaScript UED
window.print() 前端实现网页打印详解
window.print() 前端实现网页打印详解
286 0
|
11月前
|
前端开发
input去掉输入框type为number时的上下箭头的实现方法
input去掉输入框type为number时的上下箭头的实现方法
92 0
Element-UI中el-input输入值不显示
Element-UI中el-input输入值不显示
391 0
|
JavaScript
jQuery val(); input 获取与设置默认输入内容
jQuery val(); input 获取与设置默认输入内容
71 0
|
Web App开发 JavaScript
$(...).find is not a function
$(...).find is not a function
209 0
|
运维 测试技术 Python
自带的 print 函数居然会报错?(上)
最近用 Python 写了几个简单的脚本来处理一些数据,因为只是简单功能所以我就直接使用 print 来打印日志。
|
缓存 Java Go
自带的 print 函数居然会报错?(下)
最近用 Python 写了几个简单的脚本来处理一些数据,因为只是简单功能所以我就直接使用 print 来打印日志。