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月前
|
前端开发 JavaScript UED
window.print() 前端实现网页打印详解
window.print() 前端实现网页打印详解
92 0
|
5月前
Element-UI中el-input输入值不显示
Element-UI中el-input输入值不显示
142 0
|
10月前
echo 、print 及print_r() 、var_dump()的区别
echo 、print 及print_r() 、var_dump()的区别
52 0
|
11月前
|
Python
一日一技:print函数也能写文件
一日一技:print函数也能写文件
97 0
|
11月前
|
C语言 C++
C++打印hello world
C++打印hello world
142 0
|
JavaScript
怎么将文本{{msg}}正确编译成"hello"
怎么将文本{{msg}}正确编译成"hello"
52 0
print 方法输出
print 方法输出
106 0
print 方法输出
|
运维 测试技术 Python
自带的 print 函数居然会报错?(上)
最近用 Python 写了几个简单的脚本来处理一些数据,因为只是简单功能所以我就直接使用 print 来打印日志。
|
缓存 Java Go
自带的 print 函数居然会报错?(下)
最近用 Python 写了几个简单的脚本来处理一些数据,因为只是简单功能所以我就直接使用 print 来打印日志。
|
JavaScript 前端开发
前端案例:简易计算器的实现(dom操作、target、eval函数、try catch、switch-case)
前端案例:简易计算器的实现(dom操作、target、eval函数、try catch、switch-case)
191 0
前端案例:简易计算器的实现(dom操作、target、eval函数、try catch、switch-case)