`

CSS实现局部打印

    博客分类:
  • CSS
CSS 
阅读更多

        在实现打印预览的时候,可以采用JS来完成这一功能,但这样会让所有在页面上的部分都答应出来,包括像“打印预览”这样的按钮也会打印,这样的情况,可以采用CSS来完成局部答应的功能。

        代码如下:

  1. <style media=print>     
  2.     .Noprint {   
  3.         display:none;   
  4.     }   
  5.      
  6.     .NextPage {   
  7.         page-break-after:always;   
  8.     }   
  9. </style>    

这样,如果要某些内容不要打印出来,则元素的class为“Noprint”,若要内容在下一个页中打印,则该元素的class为“NextPage”。

说明,style media=print是说明该样式在打印的情况下起作用。

分享到:
评论

相关推荐

    Js打印功能,支持局部打印

    在实现局部打印时,JavaScript需要配合CSS来定位和隐藏不需要打印的部分。通常会创建一个只用于打印的CSS样式表,并在打印时链接或引入。这样,只有在打印时才会应用这些样式,从而实现对特定区域的打印。 总的来说...

    页面实现预览和打印(页面整体打印和局部打印)

    本主题将详细探讨如何在HTML和JSP页面中实现这两种功能,包括整体页面的预览和打印以及局部元素(如表格和文档)的处理。 首先,我们需要理解基本的打印原理。在浏览器中,打印功能通常依赖于CSS样式控制,尤其是...

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

    只需在需要打印的元素上添加特定的CSS类或者ID,然后调用`$("#element").printArea()`,即可实现局部打印。在提供的资源中,`jquery.PrintArea.js实现局部打印+分页.url`指向了该插件的实现示例,可以参考学习。 ...

    二维码生成实例+局部打印

    为了实现局部打印,开发者可能需要创建一个模拟打印视图,只显示需要打印的部分,并确保二维码的尺寸、位置和清晰度在打印预览中与预期相符。此外,还需要考虑到不同浏览器和打印机的兼容性问题,以确保在各种环境下...

    jQuery网页局部打印代码.zip

    jQuery提供了一种便利的方式来实现这样的局部打印功能。这个名为"jQuery网页局部打印代码.zip"的压缩包中包含了一个名为"jq_printarea"的文件,它就是解决这个问题的关键。 首先,我们需要理解jQuery库的作用。...

    js或jquery实现页面打印可局部打印

    jQuery提供了一种更简洁的方式来选择和操作DOM元素,从而实现局部打印。在示例代码中,当用户点击ID为`biuuu_button`的`input`元素时,jQuery会选择ID为`myPrintArea`的`div`元素,并将其内容复制到一个新的`iframe`...

    批量打印之jquery局部打印

    本话题主要探讨的是如何利用jQuery库实现局部打印的功能。jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。在本文中,我们将详细解析“批量打印之jQuery局部打印”这一主题,...

    批量打印之jquery局部打印和smsx.cab打印联合使用

    本文将深入探讨如何利用jQuery实现局部打印以及与SMSX.CAB打印技术的联合使用,旨在为开发者提供一种高效、灵活的批量打印解决方案。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画...

    jquery网页打印控件制作页面局部打印文本效果

    要实现局部打印,我们需要遵循以下步骤: 1. **选择要打印的元素**:使用jQuery的选择器选取需要打印的DOM元素,例如,`$("#printArea")`选取id为`printArea`的元素。确保这部分内容包含了你希望用户打印的所有信息...

    JS实现浏览器打印、打印预览示例

    2. 局部打印的实现:在需要进行局部打印时,可以通过添加特定的标记(如&lt;!--startprint--&gt;和&lt;!--endprint--&gt;)来指定打印的范围。然后利用JavaScript来截取这些标记内的内容,再通过window.print()方法进行打印。...

    jquery局部打印

    以下是如何使用`jquery.PrintArea.js`实现局部打印的步骤: 1. **引入jQuery库和PrintArea插件**:首先,确保在HTML文件中引入jQuery库和`jquery.PrintArea.js`。通常,这需要在`&lt;head&gt;`标签内添加链接到这些文件的...

    JS实现局部选择打印和局部不选择打印

    本文将详细介绍如何使用JavaScript和CSS来实现局部选择打印和局部不选择打印。 首先,我们需要理解CSS的@media规则。这是用来指定媒体类型和条件的,用于应用不同的样式规则。特别地,当指定@media为print时,它只...

    jquery打印插件制作页面局部打印预览插件

    "jquery打印插件制作页面局部打印预览插件"的主题涉及到如何利用jQuery来实现一个功能,允许用户预览并打印网页的特定部分,而不是整个页面。这个功能在很多应用场景中都非常实用,比如报表、发票或者复杂表格的打印...

    js控制web打印(局部打印)方法整理

    以下是一些 JavaScript 实现局部打印的方法: 1. CSS 隐藏不需打印的内容: 在打印时,我们可以使用媒体查询(Media Queries)来定义只应用于打印的 CSS 样式。例如,添加以下代码可以隐藏具有 `noprint` 类的元素...

    可局部打印的网页打印插件jQuery.PrintArea.zip

    总结来说,"jQuery.PrintArea.zip"是一个方便的工具,帮助Web开发者实现局部打印功能。通过深入研究`index.html`的示例和`printArea.js`的源代码,可以了解其工作原理并将其无缝地整合到自己的项目中,提高用户体验...

    jQuery打印插件PrintArea

    总之,jQuery PrintArea是一个强大且灵活的打印解决方案,能够帮助开发者轻松实现网页特定内容的打印功能,提升用户体验。结合提供的源代码示例和文档,开发者可以快速掌握其用法,并根据项目需求进行定制。

    Web系统页面打印技术实现与分析V1.0.pdf

    通过控制IE WebBrowser组件来实现页面的局部打印,可以更加精确地控制打印范围。 **5.3 禁止出现页眉页脚** 默认情况下,大多数浏览器在打印时会自动添加页眉和页脚。可以通过设置浏览器的打印样式表来禁用这些...

    js实现局部页面打印预览原理及示例代码

    为了实现局部打印,我们需要在 HTML 文档中定义打印的起始和结束标记,通常以注释形式存在,这样它们不会在页面上显示给用户。 例如,在上述代码中,我们使用了 `&lt;!--startprint--&gt;` 和 `&lt;!--endprint--&gt;` 作为开始...

Global site tag (gtag.js) - Google Analytics