`
yinbinhome
  • 浏览: 124095 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

打印指定DIV

阅读更多

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>

分享到:
评论

相关推荐

    asp.net 打印 指定div的内容,并清空清空页眉页角

    总结起来,实现ASP.NET中打印指定div内容并清除页眉页脚的功能,主要是通过JavaScript操作DOM,创建隐藏iframe,将div内容复制到iframe,设置适当的CSS以隐藏默认的打印页眉和页脚,然后调用`window.print()`方法...

    JS控制打印指定div(且控制css样式)的一种另类思路

    打印指定div的插件并不多,使用JPrintArea进行指定div打印也并不好控制,此段js代码是在他人基础上融入了自己的想法,经过测试,纸张打印出来的样式在多个浏览器(ie6、ie7、ie8、火狐、谷歌)上可以做到基本统一,...

    window.print打印指定div指定网页指定区域的方法

    在本文中,我们将探讨如何利用 `window.print()` 结合其他技术来实现打印指定div或指定网页区域。 **方法一:指定不打印区域** 这种方法是通过CSS来实现的。创建一个 `.noprint` 的CSS类,并将不想打印的内容放入...

    jquery打印指定的div

    本篇文章将详细探讨如何使用jQuery来打印指定的`div`,以及相关的知识点。 首先,我们需要了解HTML5中的`&lt;div&gt;`元素。`div`是“division”的缩写,它是一个用于组织文档的容器,可以用来分组HTML元素,便于布局和...

    window.print打印指定div实例代码

    在这种情况下,我们可以通过一些技巧来实现只打印指定的`div`内容。以下是如何使用`window.print`配合JavaScript实现这一目标的详细步骤和示例代码解析: 1. **创建包含要打印内容的`div`**: 在HTML中,将需要...

    VUE打印demo,自动分页

    `.gitignore`则是Git的忽略文件列表,指定了哪些文件或目录不应被版本控制系统追踪。 在实际应用中,你可能需要根据具体需求来定制分页逻辑,例如根据内容长度动态调整每页的行数或元素数量。此外,你还需要考虑跨...

    jQuery打印指定区域Html页面并自动分页

    最近项目中需要用到打印HTML页面,需要指定区域打印,使用jquery.PrintArea.js 插件 用法: $(div#printmain).printArea(); 但还是会打印DIV后面的内容,这里可以使用CSS控制打印分页 &lt;div xss=removed&gt;&lt;/div&gt; ...

    JQuery打印指定区域

    本篇文章将详细探讨如何使用JQuery实现“打印指定区域”的功能。 首先,我们需要理解JQuery的核心理念:它简化了JavaScript的DOM操作,提供了丰富的选择器和方法,使得JavaScript编程更加简洁高效。在JQuery中处理...

    jquery 打印区域div元素内容.zip

    通过引入jQuery库和jqPrint插件,设置点击事件,以及可能的样式调整,可以轻松实现在用户点击按钮时打印指定的div内容。这种方法在需要部分页面打印的场景中非常实用,避免了整个页面的冗余信息被一同打印出来。

    利用js+div来控制打印

    以上脚本会将外部页面中的指定内容(即`&lt;div id="printArea"&gt;`内的内容)复制到当前页面中,并自动触发打印事件。 #### 总结 通过上述方法,我们可以有效地控制哪些内容应该被打印出来,而哪些内容应该被忽略。这种...

    js window.print实现打印特定控件或内容

    然而,有时我们可能只需要打印网页中的特定部分,比如一个特定的控件或者一个div元素。在这种情况下,我们可以利用JavaScript来实现这个目标,使得打印更加精确和可控。 首先,我们需要将要打印的内容放入一个独立...

    非常好用的Html指定区域打印js代码.rar

    另一个关键文件是`jquery.PrintArea.js`,这是一个专门用于打印指定HTML区域的jQuery插件。它允许开发者选择要打印的DOM元素,并将这些元素的内容转化为适合打印的格式。使用这个插件,我们可以避免打印不必要的页面...

    打印指定区域 JavaScript jsp html

    本文将详细介绍几种常见的打印指定区域的方法,包括使用CSS隐藏不需打印的内容、通过JavaScript动态调整页面结构进行打印等。 #### 一、使用CSS隐藏不需打印的内容 这种方法的基本思想是利用CSS中的`@media print`...

    JQUERY 实现条码生成和指定打印内容(预览效果)

    接下来,为了实现打印指定区域,我们可以利用jQuery来操作DOM,选取需要打印的div或其他元素,并结合window.print()函数来触发浏览器的打印预览。例如,如果要打印id为"printArea"的div: ```javascript $("#print...

    用Javascript打印网页指定标签的内容

    用Javascript打印网页指定标签的内容 用Javascript打印网页指定标签的内容是指在网页上选择指定的标签,然后将其内容导出到另一个页面上,最后进行打印的操作。这种方法可以灵活地控制打印的内容和格式。下面将详细...

    js打印WEB页面与打印预览

    JS打印WEB页面与打印...我们可以使用不同的方法来实现这个功能,例如使用CSS隐藏不打印内容、指定打印区域、使用新窗口打印等。同时,我们也可以使用JavaScript来控制打印设置,例如选择打印机、纸张大小、页边距等。

Global site tag (gtag.js) - Google Analytics