精华内容
下载资源
问答
  • 利用jquery插件jqprint打印当前页面的标签内容,自动换页,包含jar包,js,java代码。
  • 代码如下: <%... charset=UTF-8″ pageEncoding=”UTF-8″%> <!... <HEAD>...javascript打印-打印页面设置-打印预览代码</TITLE> <META http-equiv=Content-Type content=”text/html
  • 项目中需要用到打印HTML页面,需要指定区域打印,使用jquery.PrintArea.js 插件实现分页,需要的朋友可以参考下
  • 打印Html页面自动分页

    千次阅读 2018-04-27 16:40:43
    在想要分页的地方添加一行代码即可&lt;div style="page-break-after: always;"&gt;&lt;/div&gt;添加后用chrome浏览器用js代码调用打印function preview() { bdhtml=window.document....

    在想要分页的地方添加一行代码即可


    <div style="page-break-after: always;"></div>

    添加后用chrome浏览器用js代码调用打印

    function preview()
        {
            bdhtml=window.document.body.innerHTML;//获取当前页的html代码
            sprnstr="<!--startprint-->";//设置打印开始区域
            eprnstr="<!--endprint-->";//设置打印结束区域
            prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html
            prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
            window.document.body.innerHTML=prnhtml;
            window.print();
            window.document.body.innerHTML=bdhtml;
        }

    看看是否出现了你想要的分页效果。


    展开全文
  • 网上找的,经我整理添加demo如下
  • jQuery打印Html页面自动分页

    千次阅读 2016-11-03 17:27:57
    最近项目中需要用到打印HTML页面,需要指定区域打印,使用jquery.PrintArea.js 插件  用法:  ...但还是会打印DIV后面的内容,这里可以使用CSS控制打印分页  Css代码  "page-break

     最近项目中需要用到打印HTML页面,需要指定区域打印,使用jquery.PrintArea.js 插件  

    用法:  

    Javascript代码    收藏代码
    1. $("div#printmain").printArea();  


    但还是会打印DIV后面的内容,这里可以使用CSS控制打印分页  

    Css代码    收藏代码
    1. <div style="page-break-after: always;"></div>  


    有时用CSS控制分页了但还是会连续打印页面,这里就可以用上PrintArea 插件中的属性参数。  


    PrintArea部分源码:  

    Javascript代码    收藏代码
    1. var modes = { iframe : "iframe", popup : "popup" };  
    2. var defaults = { mode     : modes.iframe,  
    3.                     popHt    : 800,  
    4.                     popWd    : 800,  
    5.                     popX     : 200,  
    6.                     popY     : 200,  
    7.                     popTitle : '',  
    8.                     popClose : false ,  
    9.                     twoDiv   : ''//自已扩展的属性,为满足变态需求  
    10.                     pageTitle: ''};//自已扩展的属性,为满足变态需求  


    可以看出插件中定义的属性格式为JSON,下面介绍部分属性  

    modes定义了两个属性,指定popup时会打开新窗口,可以视为打印预览页面,默认为iframe。  

    @popClose | [boolean] | (false),true  打印完成后是否开闭预览页面,默认为false(不关闭)。  

    Javascript代码    收藏代码
    1. $("div#printmain").printArea({mode:"popup",popClose:true});  

    这样就可以指定DIV打印了。  

    下面说一下我新增两个属性的用途  
    twoDiv:  
            需要打印的第二个DIV ,当然会是第二页,这个页面比较长,需要自动分页,并且表格中每行都不一样,有些行跨了多行,这里打印出来,一行可能会打印在两张纸上。  

    pageTitle:  
            第二个DIV分成多页里,每一页的表头都需要一样,这个参数就是公用表头。  

    这两个参数都对应着页面中的DIV,如:  
    Html代码    收藏代码
    1. <div id="pageTitle" style="display: none;">  

    页面定义好后,我们看看插件中是如何处理我们的页面的。  
    Javascript代码    收藏代码
    1. writeDoc.open();  
    2. writeDoc.write(html); //打找一个窗口关写窗口中的HTML代码   
    3. writeDoc.close();  
    4.   
    5. printWindow.focus();  
    6. printWindow.print();  


    下面是生成html的代码  
    Javascript代码    收藏代码
    1. html+=docType() + "<html>" + getHead() + getBody(thisPage) + "</html>";  

    插件中都定义了相义的方法,我没有做任何修改,这里我就不粘贴了。  


    下面是我的思路:  
           需在将一个DIV中的内容分成多页,且一行不跨多页,我们就得在生成html 代码上下功夫了。  

           首先找出DIV中的所有行,当公共表头加上这些行后高度达到一页,就需要分页了,这里就有可以一页中最后一行刚好跨了多页,将这一行保存下来,放到下一页。  

           每一页生成完成后都需要在HTML标签后面加上CSS分页标记,这样就打印机就会乖乖的分页。  
           
           说明一下,生成的预览页面一页就是一个HTML页面,它有对应的表头与DTD信息。  

           有人可能明明预览只有4页,而打印出来总会多一页,这时你需要检验一下你生成的页面中分页标记是不是在HTML标签之前。  
           分面标记一定要在HTML标签之后,这样可解决打印多打一页问题。  

    PS:    
           下面我会传上我修改过后的JS插件,由于我项目周期的原因,代码中很多部分都是写死了,只是为了解决本次打印的问题。所在代码中写得很乱,希望大家将究着看  
            
           同事也希望哪位能够再优化一下,使之通用。  

           第一篇博客,大家将就着看。


    转自http://brzore.iteye.com/blog/1555720

    展开全文
  • jQuery打印Html页面主动分页

    千次阅读 2013-08-13 11:05:02
    用到打印HTML页面,须要指定区域打印,应用jquery.PrintArea.js 插件 用法: ...有时用CSS把握分页了但还是会连气儿打印页面,这里就可以用上PrintArea 插件中的属性参数。 PrintArea项目组源
    用到打印HTML页面,须要指定区域打印,应用jquery.PrintArea.js 插件 
    

    用法:

    $("div#printmain").printArea();


    但还是会打印DIV后面的内容,这里可以应用CSS把握打印分页

    <div style="page-break-after: always;"></div>


    有时用CSS把握分页了但还是会连气儿打印页面,这里就可以用上PrintArea 插件中的属性参数。


    PrintArea项目组源码:

     var modes = { iframe : "iframe", popup : "popup" };
     var defaults = { mode     : modes.iframe,
                         popHt    : 800,
                         popWd    : 800,
                         popX     : 200,
                         popY     : 200,
                         popTitle : """",
                         popClose : false ,
                         twoDiv   : """", //自已扩大的属性,为满足变态需求
                         pageTitle: """"};//自已扩大的属性,为满足变态需求
    
    


    可以看出插件中定义的属性格局为JSON,下面介绍项目组属性

    modes定义了两个属性,指定popup时会打开新窗口,可以视为打印预览页面,默认为iframe。

    @popClose | [boolean] | (false),true  打印完成后是否开闭预览页面,默认为false(不封闭)。

    $("div#printmain").printArea({mode:"popup",popClose:true});
    

    如许就可以指定DIV打印了。

    下面说一下我新增两个属性的用处
    twoDiv:
            须要打印的第二个DIV ,当然会是第二页,这个页面斗劲长,须要主动分页,并且表格中每行都不一样,有些行跨了多行,这里打印出来,一行可能会打印在两张纸上。

    pageTitle:
            第二个DIV分成多页里,每一页的表头都须要一样,这个参数就是公用表头。

    这两个参数都对应着页面中的DIV,如:
    <div id="pageTitle" style="display: none;">
    

    页面定义好后,我们看看插件中是如何处理惩罚我们的页面的。
     writeDoc.open();
     writeDoc.write(html); //打找一个窗口关写窗口中的HTML代码 
     writeDoc.close();
    
     printWindow.focus();
     printWindow.print();
    


    下面是生成html的代码
     html+=docType() + "<html>" + getHead() + getBody(thisPage) + "</html>";
    

    插件中都定义了相义的办法,我没有做任何批改,这里我就不粘贴了。


    下面是我的思路:
           需在将一个DIV中的内容分成多页,且一行不跨多页,我们就得在生成html 代码高低工夫了。

           起首找出DIV中的所有行,当公共表头加上这些行后高度达到一页,就须要分页了,这里就有可以一页中最后一行正好跨了多页,将这一行保存下来,放到下一页。

           每一页生成完成后都须要在HTML标签后面加上CSS分页标识表记标帜,如许就打印机就会乖乖的分页。
         
           申明一下,生成的预览页面一页就是一个HTML页面,它有对应的表头与DTD信息。

           有人可能明明预览只有4页,而打印出来总会多一页,这时你须要查验一下你生成的页面平分页标识表记标帜是不是在HTML标签之前。
           分面标识表记标帜必然要在HTML标签之后,如许可解决打印多打一页题目。
    展开全文
  • 需要自己写打印程序时,会遇到打印分页都需有表头表尾的问题,html打印分页自带表头表尾,可以参考学习下
  • 自定义页面分页标签自定义页面分页标签自定义页面分页标签自定义页面分页标签自定义页面分页标签
  • PageHelper分页插件的使用和Jsp分页页面展示源码,可以参考文章P《ageHelper分页插件的使用和Jsp分页页面展示(带源码)》
  • uni-app-打印-页面分页

    千次阅读 2020-04-18 14:33:16
    最近这几年出来的软件真是层出不穷,越来越多的编程软件出来。...就是打印分页,虽然在网上分页方法众多但是没有一个可以解决的问题,项目已运行就是报错。不说了接上代码。 纯css再前端打印,取消页眉,脚底 @page...

    最近这几年出来的软件真是层出不穷,越来越多的编程软件出来。这使得程序员开发越来越简单。但因此却出现越来越多的限制问题。

    在公司工作了一年左右我接触了一个HBuilderx这个软件使用uni-app来编写,之前在做一个项目时碰到了一个十分令我头疼的问题。就是打印分页,虽然在网上分页方法众多但是没有一个可以解决的问题,项目已运行就是报错。不说了接上代码。

    纯css再前端打印,取消页眉,脚底

    @page{
    size: auto;
    margin: 0mm;
    }

    这个是css来进行分页的可以有效和使用在各个地方这就方便许多

    page-break-before:always;

    可以加入群里交流

    在这里插入图片描述

    展开全文
  • lodop打印html页面手动分页

    千次阅读 2018-05-07 16:02:01
    lt;tr&gt; &lt;td style="page-break-after:always;"...在需要分页的地方加入此语句可实现分页;ps :js中lodop用法loadFromTmp("../module/cwgl/cwwlkcPrint.html", {
  • 最常用的就这3个方法了,写在按钮控件的ONCLICK事件里,当按钮CLICK的时候就会除法打印的事件了以上的步骤就可以实现页面打印了,但是如何设置打印区域和打印分页呢?最重要的地方就是这里了:.Noprint{display:...
  • C#生成静态分页页面

    2013-08-23 11:19:26
    C#生成静态分页页面 HTML静态分页 有添加删除功能!
  • css 打印分页

    千次阅读 2013-09-04 10:00:07
    在B/S程序中,对打印页面的控制,CSS相对比较弱,例如: 自动分页, 就基本没啥实际用途。我们通常需要自己在需要的时候,强制浏览器分页,这时可以使用以下样式: ﹤style type="text/css"﹥.w3cbbs { ...
  • lodop页面直接打印 水印 分页 套打

    万次阅读 2014-08-16 12:04:29
    用lodop实现打印出并带水印和表格分页每页都显示表头功能。 1、什么是lodop lodop取意自“load or print”,是一款优秀的Web打印控件,在开发中,传统打印控件总是“页面是什么就只能打印什么”,缺乏灵活性,使打印...
  • js javascript js控制分页打印,打印分页

    千次阅读 2014-02-07 10:40:06
    Html代码  %@ page language="java" contentType="text/html; charset=UTF-8"  ... pageEncoding="UTF-8"%>  ...TITLE>javascript打印-打印页面设置-打印预览代码TITLE>  META http-equiv=Conten
  • statePage生成静态页面并分页,asp.net动态生成静态页面,并且还会自动生成静态的分页页面
  • 首先在<script></script>代码中添加如下代码: <style type="text/css"> .PageNext{page-break-after: always;} ...然后在需要分页的地方加上如下代码: ...这样就可以将打印内...
  • 一个很好的分页页面工具,一个很好的分页页面工具,一个很好的分页页面工具
  • vue 打印分页打印

    万次阅读 热门讨论 2019-05-13 13:57:36
    最近项目中碰到一个需求,需要前端预览打印当前页面的内容,但是在打印的时候需要分页打印,想了很多办法,最后解决,在这做一个分享。 首先是打印,网上有很多方法,这里面我用的是一个插件 vue-print-nb --save,...
  • 分页打印DEMO

    2013-07-18 15:39:16
    html页面打印时,通过样式表进行分页打印控制。
  • 以前很少涉及到Web页面的批量打印,对于@foreach出来的循环表单强制分页打印也是第一次接触。网上找了下,从简单到复杂分类很多,但是今天才用到@media print这个CSS样式:CSS里有这样的一个标签:page-break-after,...
  • 最近在公司做开发,有个需求需要页面打印功能,作为前端半桶水都不到,只会改页面的我,一脸懵逼,公司里也没人系统的做过,按照惯例,本着有事找度娘的心态(我一直认为我们现在遇到的70%-80%的问题,肯定前人有...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 207,555
精华内容 83,022
关键字:

怎么打印分页的页面