`
wb284551926
  • 浏览: 551329 次
文章分类
社区版块
存档分类
最新评论

window.print打印指定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>
分享到：
| jquery实现提交后按钮变灰
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

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

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

    html和js通过window.print()实现调用浏览器打印带背景图片和生成二维码的文件功能

    在这个例子中，`.print-bg-image` 类用于指定需要在打印时显示的背景图片。由于浏览器默认不打印背景，我们通过 `!important` 来强制覆盖默认设置，确保图片在打印时可见。 至于生成二维码，可以使用JavaScript库如...

    web打印 window.print()介绍

    `window.print()` 是JavaScript中一个非常实用的函数，用于触发浏览器的打印对话框，让用户可以选择打印当前页面或部分内容。本文将详细介绍如何使用`window.print()` 实现Web打印，并提供示例代码帮助理解。 1. **...

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

    总结起来，通过将要打印的内容放入单独的div并利用JavaScript的`window.print()`方法，我们可以实现只打印网页特定控件或内容的需求。这种方法在处理复杂网页或需要精细化控制打印内容的场景下非常有用。

    莱鸟介绍window.print()方法

    `window.print()` 方法是JavaScript中的一个内置函数，主要用于调用浏览器的打印功能。这个方法允许开发者无须离开网页或应用即可让用户打印网页内容，非常适合于那些需要提供打印选项的网站。在本文中，我们将深入...

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

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

    js打印，截取打印

    ### 方法一：使用`substr`与`substring`定位并打印指定内容 一种常见的做法是通过JavaScript来提取页面中希望打印的内容。具体实现方式是在页面中定义特殊的标签或注释来标记出需要打印的范围，然后使用`substr`和`...

    jquery打印指定的div

    总的来说，使用jQuery打印指定`div`涉及HTML结构理解、jQuery选择器和DOM操作、JavaScript的`window`对象方法以及CSS媒体查询。掌握这些知识点，可以帮助你更好地实现网页打印功能，提升用户体验。在实际项目中，还...

    web 调取浏览器打印 打印图片+文字

    1. `window.print()`：在JavaScript中，`window.print()` 是调用浏览器打印功能的最直接方法。当执行这个函数时，浏览器会弹出打印对话框，用户可以选择打印机设置并开始打印当前页面。 二、CSS媒体查询 2. CSS媒体...

    前端项目-jQuery.print.zip

    "前端项目-jQuery.print.zip" 提供了一个方便的解决方案，它是一个基于jQuery的打印插件——jQuery.print。这个插件允许开发者轻松地选择并打印网页中的任意DOM元素，避免了传统方法中可能遇到的样式混乱和不必要的...

    printDataGrid.js

    easyui快速打印datagrid内容，通过创建&lt;div&gt;容纳所需要的打印内容（需要打印的表格通过方法组装成字符串放入DIV中），然后调用window.print打印；具体步骤如下：1.html页面需要有专门的DIV用于输出Dialog 2.在html...

    VUE打印demo，自动分页

    5. `styles`: 可能包含用于打印的CSS文件，如`print.css`，用于定义打印样式。 `public`目录则包含了非Vue编译的静态资源，比如HTML模板、图片、字体等。 `babel.config.js`用于配置Babel，将现代JavaScript语法...

    jqprint可分页打印页面内容

    jqPrint的核心功能就是能够将HTML元素，如一个`&lt;div&gt;`或`&lt;table&gt;`，甚至是整个页面的内容，按照打印机的页面设置进行分页打印。它能够自动处理页面断点，确保内容不会因为超出一页而被截断。这对于展示大量数据或者...

    JS 实现web分页打印功能

    5. **自定义打印范围**：如果只想打印特定部分的网页内容，可以使用`window.print()`方法的`window.document.getElementById('element-id').innerHTML`来指定打印区域。 ```javascript var printContent = document...

    js打印WEB页面与打印预览

    然后，我们可以使用`window.print()`方法来打印这些内容，并自动关闭新窗口。 例如： ```javascript function printme() { var newWin = window.open('', '打印预览'); newWin.document.body.innerHTML = '要打印...

    打印指定区域 JavaScript jsp html

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

Magicbox
Global site tag (gtag.js) - Google Analytics