`

打印局部页面的实现

CSS 
阅读更多
css实现
 <style media="print">
   .Noprint { DISPLAY: none }
   .PageNext{ PAGE-BREAK-AFTER: always }
 </style>


第一个在不需要打印的标签上添加(子标签也将不被打印),第二个在需要换行的标签处添加(该标签所表示的内容将在当前打印的一页内)

接下来通过调用最基本的js语句
window.print()就可实现页面局部打印了,很easy吧!
分享到:
评论

相关推荐

    js实现打印局部页面

    利用js代码实现文档部分打印功能 文档中除了doPrint 函数外 还有其它有用函数

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

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

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

    "Js打印功能,支持局部打印"这一主题,主要涉及的是JavaScript在网页中实现打印的功能,特别是如何实现对特定区域(局部)的打印。 JavaScript是一种广泛用于网页开发的脚本语言,它可以直接在用户的浏览器上运行,...

    jsp 分页 局部打印 技术 的实现

    本文将深入探讨如何在JSP页面中实现分页局部打印,主要关注的技术点包括:JSP分页原理、局部打印的实现方法、以及使用Lodop打印控件的具体步骤。 #### JSP分页原理 JSP分页主要是为了处理大数据量的展示问题,避免...

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

    在网页开发中,有时我们需要实现只打印页面的特定部分,而不是整个页面内容。"jquery网页打印控件制作页面局部打印文本效果"这个主题就是关于如何使用jQuery来创建一个功能,使得用户可以仅打印网页的选定区域,从而...

    jQuery网页局部打印代码.zip

    总结来说,"jQuery网页局部打印代码.zip"提供了一个方便的工具,使得开发者能够轻松地实现网页的局部打印功能。通过jQuery的选择器和插件机制,我们可以轻松地定位和打印页面上的任何内容,从而提高了网页的交互性和...

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

    在Web开发中,有时我们需要提供用户一个功能,即能够从网页上打印特定的内容,而不是整个页面。本文将详细介绍如何使用JavaScript(以及jQuery库)来实现这样的局部打印功能。 首先,我们来看一下**纯JavaScript**...

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

    综上所述,这个压缩包提供的实例展示了二维码生成和局部打印的实用技巧,对于想要在网页中实现类似功能的开发者来说,这是一个宝贵的学习资源。通过理解和实践这些技术,不仅可以提升开发技能,还能优化用户体验,...

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

    但是,如果仅仅使用`window.print()`,可能无法满足对打印内容的自定义需求,例如仅打印网页中的特定部分,或者实现分页效果。 要实现打印预览和局部打印,我们可以利用jQuery库中的插件,如`jquery.PrintArea.js`...

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

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

    js局部打印demo

    在JavaScript编程中,局部打印(Local Printing)是一种常见的需求,特别是在网页应用中,用户可能希望打印特定区域的内容,而不是整个页面。"js局部打印demo"是这样一个示例,它使用jQuery库来实现局部打印功能,并...

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

    JS实现浏览器打印和打印...以上知识点覆盖了在现代网页中实现打印和打印预览功能所需的前端技术,包括JavaScript内置方法、页面标记、第三方库等。开发者可以根据这些知识点来设计和实现符合自己网站需求的打印功能。

    javascript 局部页面打印实现代码

    在本文中,将详细介绍使用JavaScript如何实现对页面局部区域进行打印的技术。这个方法主要是利用JavaScript操作DOM元素和Window对象,无需依赖外部插件或ActiveX控件,因此它具有良好的兼容性。通过这种方式,可以...

    批量打印之jquery局部打印

    它允许开发者选择要打印的DOM元素,避免了整个页面被打印的情况,实现了局部打印。使用该插件,可以避免不必要的页眉、页脚和广告等内容出现在打印输出中。 2. **插件的使用**: - **引入资源**:首先,在HTML文件...

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

    结合jQuery局部打印和SMSX.CAB打印,可以在网页中实现复杂的需求,如仅打印特定内容,并在无法使用ActiveX的环境下提供备用打印方案。同时,`print.css`和`ui.progress-bar.css`可能分别用于定制打印时的样式和...

    angular实现页面打印局部功能的思考与方法

    angular 实现页面打印局部功能的思考与方法 Angular 是一个功能强大且流行的前端框架,它提供了许多实用的功能来帮助开发者快速构建高质量的 Web 应用程序。其中,实现页面打印局部功能是许多开发者需要面对的挑战...

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

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

    js实现网页特定部分截屏或打印.zip

    在网页开发中,有时我们需要为用户提供截取网页特定部分并保存为图片或打印的功能,这在用户手册、在线教程或数据分析等场景下尤其有用。本文将深入探讨如何使用JavaScript实现这一功能。 首先,我们需要理解...

Global site tag (gtag.js) - Google Analytics