解决弹出层打印问题

jsp页面使用了一个layer插件来做弹出层;并且要求打印弹出层里面的内容。

直接使用window.print()方法打印不出所有的页面内容,仅仅是打印了当前屏幕内容。

我的解决办法是 获取body中所有代码,新建一个空白页面,调用document.write()方法写入,

再打印该页面,实现了正常的分页打印效果。

function print(){
    var bd=document.body.innerHTML;
    w=window.open(‘about:blank‘);
    w.document.write(bd);
    w.print();
    w.document.close();
};    
时间: 2024-10-11 05:40:31

解决弹出层打印问题的相关文章

用jQuery解决弹出层的问题

在BS 项目中 经常需要用到这种弹出层.做这种弹出层一般都会遇到下面几个问题:0,弹出层必须定义在input的下边显示.1,点击input弹出div层.2,点击div层外面任何地方,关闭div层.3,ie6下,div层与下拉框的优先级问题. 下面这个例子就是解决这些问题的,大家可以参考参考,有什么更好的解决方案,请留言. 超级简单版 演示:http://cssrain.cn/demo/popDiv/easyPopDiv.html 实例版 演示:http://cssrain.cn/demo/pop

layer关闭弹出层,弹出打印

常规的话,下面能够完成关闭弹出层 var index = parent.layer.getFrameIndex(window.name); //延迟关闭 解决打印窗口弹不出来的情况 parent.layer.close(index); 可是当这里需要关闭的同时弹出打印窗口的时候,就会发现失效了,能关闭,可是打印窗口同时也弹不出了. 这里的解决办法就是:延迟关闭. $("#ReviewArea").jqprint({ debug: false, //如果是true则可以显示iframe查

关于移动端js弹出层滚动的时候 body层不可滚动的解决办法

最近在做移动端网站,在点击导航栏,弹出导航列表时,出现了问题.下滑列表时底层body也跟着滚动,连查带想的折腾了两天才解决这个问题.下面主要分享一下解决办法以及关键代码. 一.有的网友建议弹出层弹出时给 html 和 body 都加上"height:100%:overflow:hidden:",然而在手机上并没有什么卵用 二.结合弹出层加上"overflow-y:auto"依然不起作用 .... 后来经过网友的帮助,结合我的代码终于找到了解决的办法 我的项目是用vu

IE6下弹出层被select遮挡的解决

一些使用定位的弹出层在IE6下会被select遮挡,通过调整弹出层的z-index并不能解决问题,其实在弹出层中加一个iframe即可解决. 在弹出层加入代码如下: <div class="dialog"><!--我是弹出层--> <!--我是iframe--> <div style="position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;">

弹出层被FLASH遮挡解决办法(ckplayer解决)

wmode属性: "Window " 在 Web 页上用影片自己的矩形窗口来播放应用程序,并且始终位于最顶层."Opaque " 显示页面上位于它后面的内容."Transparent "使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能. "Opaque "和"Transparent"都可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序.这两种选项之间的差异

弹出层或者下拉菜单被下面的 层遮挡住了解决办法

弹出层或者下拉菜单被下面的<div>层,或者jquery图片切换屋遮挡住了解决办法.这个一般是屋设置了position属性,如POSITION: relative;解决这个办法在当前层设置z-index都是无效的,即使将弹出层所在父层的z-index设置到999,可弹出层依然会被底下的div遮挡住. 造成这个原因是层的叠加原因,叠加原则中指出,非同辈元素,任意一者或其祖元素拥有动态定位时,同时各自向上寻找动态定位的祖元素,并分别从中拿出具备最高级别的祖元素(或其本身)进行比较.所以根据层的叠加

移动端js弹出层滚动的时候 body层不可滚动的解决办法

原文:https://blog.csdn.net/queenzjl/article/details/53507661 一.有的网友建议弹出层弹出时给 html 和 body 都加上"height:100%:overflow:hidden:",然而在手机上并没有什么卵用 二.结合弹出层加上"overflow-y:auto"依然不起作用 三.加上touchmove事件:window.ontouchmove = function(e){e.preventDefault()

每日技术总结:Better-scroll应用于弹出层内容滚动

一.Better-scroll在项目中的应用 Better-scroll这款滚动插件还是很好用的,通常不会有什么问题.但偶尔总会出点意外.今天再次使用better-scroll,记录一下这次顺利的过程,以防下次使用的时候出现意外. 1.需求 这是一个老项目,在商品详情页,点击购买按钮,会弹出一个协议,修改的需求是把协议弹层大小固定为一屏,协议的内容超出滚动. 效果如图: 2.下载better-scroll并引入项目 (1)因为这是一个传统开发的老项目,我想把插件下载下来引用.我上哪去下载bett

JavaScript学习总结(一)——延迟对象、跨域、模板引擎、弹出层、AJAX示例

JavaScript学习总结(一)--延迟对象.跨域.模板引擎.弹出层.AJAX示例 目录 一.AJAX示例 1.1.优点 1.2.缺点 1.3.jQuery AJAX示例 二.延迟对象(Deferred) 2.1.回调函数 2.2.deferred.done 三.跨域 3.1.什么是跨域 3.2.JSONP跨域 3.3.jQuery使用JSONP跨域 3.4.跨域资源共享(CORS) 3.5.小结 四.弹出层 五.模板引擎 5.1.Hello World 5.2.方法 5.3.与AJAX结合应