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>
分享到:
相关推荐
总结起来,实现ASP.NET中打印指定div内容并清除页眉页脚的功能,主要是通过JavaScript操作DOM,创建隐藏iframe,将div内容复制到iframe,设置适当的CSS以隐藏默认的打印页眉和页脚,然后调用`window.print()`方法...
打印指定div的插件并不多,使用JPrintArea进行指定div打印也并不好控制,此段js代码是在他人基础上融入了自己的想法,经过测试,纸张打印出来的样式在多个浏览器(ie6、ie7、ie8、火狐、谷歌)上可以做到基本统一,...
在本文中,我们将探讨如何利用 `window.print()` 结合其他技术来实现打印指定div或指定网页区域。 **方法一:指定不打印区域** 这种方法是通过CSS来实现的。创建一个 `.noprint` 的CSS类,并将不想打印的内容放入...
本篇文章将详细探讨如何使用jQuery来打印指定的`div`,以及相关的知识点。 首先,我们需要了解HTML5中的`<div>`元素。`div`是“division”的缩写,它是一个用于组织文档的容器,可以用来分组HTML元素,便于布局和...
在这种情况下,我们可以通过一些技巧来实现只打印指定的`div`内容。以下是如何使用`window.print`配合JavaScript实现这一目标的详细步骤和示例代码解析: 1. **创建包含要打印内容的`div`**: 在HTML中,将需要...
`.gitignore`则是Git的忽略文件列表,指定了哪些文件或目录不应被版本控制系统追踪。 在实际应用中,你可能需要根据具体需求来定制分页逻辑,例如根据内容长度动态调整每页的行数或元素数量。此外,你还需要考虑跨...
最近项目中需要用到打印HTML页面,需要指定区域打印,使用jquery.PrintArea.js 插件 用法: $(div#printmain).printArea(); 但还是会打印DIV后面的内容,这里可以使用CSS控制打印分页 <div xss=removed></div> ...
本篇文章将详细探讨如何使用JQuery实现“打印指定区域”的功能。 首先,我们需要理解JQuery的核心理念:它简化了JavaScript的DOM操作,提供了丰富的选择器和方法,使得JavaScript编程更加简洁高效。在JQuery中处理...
通过引入jQuery库和jqPrint插件,设置点击事件,以及可能的样式调整,可以轻松实现在用户点击按钮时打印指定的div内容。这种方法在需要部分页面打印的场景中非常实用,避免了整个页面的冗余信息被一同打印出来。
以上脚本会将外部页面中的指定内容(即`<div id="printArea">`内的内容)复制到当前页面中,并自动触发打印事件。 #### 总结 通过上述方法,我们可以有效地控制哪些内容应该被打印出来,而哪些内容应该被忽略。这种...
然而,有时我们可能只需要打印网页中的特定部分,比如一个特定的控件或者一个div元素。在这种情况下,我们可以利用JavaScript来实现这个目标,使得打印更加精确和可控。 首先,我们需要将要打印的内容放入一个独立...
另一个关键文件是`jquery.PrintArea.js`,这是一个专门用于打印指定HTML区域的jQuery插件。它允许开发者选择要打印的DOM元素,并将这些元素的内容转化为适合打印的格式。使用这个插件,我们可以避免打印不必要的页面...
本文将详细介绍几种常见的打印指定区域的方法,包括使用CSS隐藏不需打印的内容、通过JavaScript动态调整页面结构进行打印等。 #### 一、使用CSS隐藏不需打印的内容 这种方法的基本思想是利用CSS中的`@media print`...
接下来,为了实现打印指定区域,我们可以利用jQuery来操作DOM,选取需要打印的div或其他元素,并结合window.print()函数来触发浏览器的打印预览。例如,如果要打印id为"printArea"的div: ```javascript $("#print...
用Javascript打印网页指定标签的内容 用Javascript打印网页指定标签的内容是指在网页上选择指定的标签,然后将其内容导出到另一个页面上,最后进行打印的操作。这种方法可以灵活地控制打印的内容和格式。下面将详细...
JS打印WEB页面与打印...我们可以使用不同的方法来实现这个功能,例如使用CSS隐藏不打印内容、指定打印区域、使用新窗口打印等。同时,我们也可以使用JavaScript来控制打印设置,例如选择打印机、纸张大小、页边距等。