js window.print实现打印特定控件或内容
更新时间：2013年09月16日 09:55:19 作者：
window.print可以打印网页，但有时候我们只希望打印特定控件或内容，怎么办呢？可以把要打印的内容放在div中，然后用下面的代码进行打印，希望对大家有所帮助
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>
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>
相关文章
这篇文章主要介绍了生成无限制的微信小程序码的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
只能输入数字在以往都是使用replace方法实现的，在本文你将学习到不使用它依然可以实现，具体代码如下，感兴趣的朋友可以参考下2013-09-09
这篇文章主要介绍了详解JWT token心得与使用实例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
这篇文章主要介绍了JS Loading功能的简单实现。这个功能原理是很简单的，就是一个DIV遮盖当前页面，然后Loading就在遮盖DIV层上展示出来2013-11-11
这篇文章主要介绍了JavaScript数组迭代器的用法,涉及javascript数组操作的相关技巧,需要的朋友可以参考下2015-06-06
jquery插件bootstrapValidator数据验证详解
这篇文章主要为大家详细介绍了jquery插件bootstrapValidator数据验证使用教程，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
找了半天找到的解决办法，看介绍说是javascript的闭包问题，导致得不能直接读取外部的那个函数，不然就所有传递的参数都变为最后一个了。2009-12-12
数组去重，一般需求是给你一个数组，调用去重方法，返回数值副本，副本中没有重复元素。下面脚本之家小编给大家带来了js数组去重的多种方法，非常不错，需要的朋友参考下2017-09-09
这篇文章主要介绍了JavaScript数组排序功能简单实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
JS实现鼠标悬停切换图片,显示天气预报，利用焦点实现选择网站的实例代码，具有很好的参考价值，希望对大家有所帮助，一起跟随小编过来看看吧2018-05-05
最新评论