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,如需转载请自行联系原作者

相关文章
|
8月前
|
Web App开发 前端开发 JavaScript
大厂面试题分享:如何让(a===1&&a===2&&a===3)的值为true?
大厂面试题分享:如何让(a===1&&a===2&&a===3)的值为true?
|
5月前
|
JavaScript 前端开发
JavaScript 函数中break,continue,return 的区别
JavaScript 函数中break,continue,return 的区别
44 0
|
7月前
|
JavaScript 前端开发 UED
window.location.href的用法总结
window.location.href的用法总结
|
8月前
|
JavaScript 前端开发 安全
== 和 ===什么区别呀?
== 和 ===什么区别呀?
134 0
|
8月前
|
前端开发 JavaScript UED
window.print() 前端实现网页打印详解
window.print() 前端实现网页打印详解
350 0
Element-UI中el-input输入值不显示
Element-UI中el-input输入值不显示
495 0
|
JavaScript 前端开发
== 和 ===区别,分别在什么情况使用
== 和 ===区别,分别在什么情况使用
85 1
|
前端开发 JavaScript C++
你真的理解==和===的区别吗?
用中文怎么叫合适? 相等?全等?
你真的理解==和===的区别吗?
|
Web App开发 JavaScript
$(...).find is not a function
$(...).find is not a function
215 0