`
yinbinhome
  • 浏览: 121968 次
  • 性别: 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类,并将不想打印的内容放入...

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

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

    jquery打印指定的div

    本篇文章将详细探讨如何使用jQuery来打印指定的`div`,以及相关的知识点。 首先,我们需要了解HTML5中的`&lt;div&gt;`元素。`div`是“division”的缩写,它是一个用于组织文档的容器,可以用来分组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内容。这种方法在需要部分页面打印的场景中非常实用,避免了整个页面的冗余信息被一同打印出来。

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

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

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

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

    js打印WEB页面与打印预览

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

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

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

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

    window.print打印指定div 首先我们可以把要打印的内容放在div中,然后用下面的代码进行打印。 代码如下: &lt;html&gt; &lt;head&gt; [removed] function printdiv(printpage) { var headstr = “&lt;html&gt;&lt;...

    jquery刷新DIV

    这里,`success`回调函数会在Ajax请求成功后执行,将服务器返回的HTML内容插入到指定的DIV中。如果请求失败,`error`函数会被调用,打印出错误信息。 至于`sbsbsbsb.asp`文件,看起来它可能是另一个服务器端脚本,...

    jQuery控制网页打印指定区域的方法

    使用jQuery控制网页打印指定的区域,可以指定一个div区域的id即可实现打印网页的部分内容,如下代码所示: &lt;html&gt; &lt;head&gt; &lt;title&gt;jquery 打印指定区域内容&lt;/title&gt; [removed][removed] ...

    chrome浏览器实现打印预览打印功能.zip

    `js 打印DIV内容 print div 兼容IE FF Google等主流浏览器 -打印指定区域内容.url`这个链接提供了处理兼容性的方法,它可能包含了一种通用的解决方案,可以确保在多种浏览器中都能正确地打印指定的DOM元素。...

    div+css经典案例源码

    1. **选择器**:了解如何使用类选择器、ID选择器、元素选择器等来指定特定的HTML元素。 2. **盒模型**:理解内容(content)、内边距(padding)、边框(border)和外边距(margin)如何共同构成一个元素的总尺寸。 3. **...

Global site tag (gtag.js) - Google Analytics