`
ctrain
  • 浏览: 133264 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

window.print分页打印

 
阅读更多
function init() {
    var tt = document.getElementById("tt");
    var childNodes = tt.childNodes[0].childNodes;
    var level = 0;
    for (var i = 0; i < childNodes.length; i++) {
        var topHeight = childNodes[i].offsetTop - childNodes[i].scrollTop;
        var pageHeight = topHeight - level;
        //暂定高度为850px时进行分页,高度大于850px,则该tr被分到下一页
        //appendBefore
        if (pageHeight > 850) {
            var pageTr = document.createElement("tr");
            pageTr.style.pageBreakAfter = "always";
            var tmpTr = document.createElement("tr");
            childNodes[i].parentNode.insertBefore(tmpTr, childNodes[i]);
            childNodes[i].parentNode.insertBefore(pageTr, childNodes[i]);
            level = childNodes[i - 1].offsetTop - childNodes[i - 1].scrollTop;
            console.log("当前level为:" + topHeight + ", 当前tr索引为:" + (i + 1));
        }
    }
}
分享到:
评论

相关推荐

    原生JS打印插件之jQuery.EasyPrint.js使用文档

    调用浏览器自带打印功能,使用JavaScript的 window.print(); 方法。 使用JS实现打印功能;JavaScript 实现打印操作;javascript打印大全;通用;js实现打印的方式;JS怎么实现页面打印呢?JavaScript 实现打印,打印...

    JS 使用 window对象的print方法实现分页打印功能

    最近做项目用到了web在线打印功能,经研究使用了JS自身支持的Window对象的打印方法,此种方法兼容性比较好,在IE和火狐浏览器下使用都没有问题。  1.但是网上好多案例都不支持分页功能,最后通过CSS的page-break-...

    一种Windows系统下连续不分页打印的方法

    本文介绍了一种在Windows系统下让打印机进行连续不分页打印的方法

    Web分页打印 细线表格+分页打印之终极攻略

    最近给客户做打印的时候,客户提出打印时不要打印该页面的头,只是打印表格里面的内容,因为头部有背景和打印按钮,而且要细线表格的那种,我想细线表格不是很简单吗 如果你还不知道细线表格怎么做,请看下面的代码...

    JS 实现web分页打印功能

    使用JS的Window对象的Print方法实现兼容性强的分页打印功能,可直接运行,代码直接复制即可用。

    JS 实现分页打印功能

    在调用window.print()时,可以实现打印效果,但内容太多时要进行分页打印。 在样式中有规定几个打印的样式 page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示,这两个属性是用来控制文件的...

    利用WebBrowser彻底解决Web打印问题(包括后台打印)

    4.打印页面的特定部分我是通过将需要打印的特定部分另建一个页面,然后装入主页面的一个IFrame中,再调用IFrame的打印方法,只打印IFrame中的内容实现的。如:...

    简单易用的自定义标签分页显示

    //得到分页米尺数值 sb.append("function getMaxNum(){"); sb.append("var val=document.getElementById('onePageMaxNum').value;"); sb.append("if(val=='') return "+measurement+";"); sb.append(" return ...

    jsp页面如何实现web打印

    4.打印页面的特定部分 通过将需要打印的特定部分另建一个页面,然后装入主页面的一个IFrame中,再调用IFrame的打印方法,只打印IFrame中的内容实现的。 如: &lt;iframe visible" name="FrameId" width="100%" ...

    js使用小技巧

    &lt;body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"&gt; 无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7"); 统一编码/解码 alert...

    70款经典Dreamweaver插件

    print 支持三种打印页面连接,文字连接、图片连接 preloaddisplay 预先加载页面,如果你的网站下载的速度比较慢,用这个比较好。 swftext 将Drm和Flash结合起来了,选择文本,执行该Command,swf动画就轻易的生成了 ...

    java jdk实列宝典 光盘源代码

    捕捉屏幕相当于键盘上的PrintScreen,CsreenCaputure.java; 缩放图片JPGTransforme.java; 2d图形,实现一个2d画板,能够画2d的线、圆和矩形,能指定图形的颜色并且能够撤销和恢复图形,command.java; 3d图形,Graphic...

    vxe-table vue表格解决方案-其他

    Basic table (基础表格)Grid (高级表格)Size (尺寸)Striped (斑马...Print (打印)Show/Hide column (显示/隐藏列)Loading (加载中)Formatted content (格式化内容)Custom template (自定义模板)Context...

    侯捷- -深入浅出MFC

    打印预览(Print Preview) 本章回顾 第13章 多重文件与多重显示 MDI和SDI 多重显示(Multiple Views) 窗口的动态切分 窗口的静态切分 CreateStatic和CreateView 窗口的静态三叉切分 Graph范例程序 静态切分窗口之...

    深入浅出MFC【侯捷】

    配置GDI绘图工具 尺寸与方向:关于映射方式(坐标系统) 分页 页眉与页脚 动态计算页码 打印预览(Print Preview) 本章回顾 第13章 多重文件与多重显示 MDI和SDI 多重显示(Multiple Views) 窗口的动态切分 窗口的...

    深入浅出MFC 2e

    打印预览(Print Preview) 本章回顾 第13章 多重文件与多重显示 MDI和SDI 多重显示(Multiple Views) 窗口的动态切分 窗口的静态切分 CreateStatic和CreateView 窗口的静态三叉切分 Graph范例程序 静态切分窗口之...

Global site tag (gtag.js) - Google Analytics