解决弹出层打印问题

2024-10-15前端开发
94

使用layui做弹出层;并且要求打印弹出层里面的内容。直接使用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();  
};    
The End
弹出层 打印

相关推荐

layui点击文本输入框调起弹出选择框并选择内容的两种方法参考
我们在用到layui时候,需要点击文本输入框调起弹出选择框并选择内容,这个要怎么操作呢?以下两种方法可以参考: 1、点击名称,弹出信息弹框,选择表格中的某一行,实现效果如下: html页面代码 !--计量器具弹出层-- div id="equipment" lay-filter="equipmen...
2025-09-02 前端开发
167

layui.open属性打开一个弹出层
核心方法 var index = layer.open({ type : 2, title : title, maxmin : true, offset: '100px', area : [ '600px', '500px' ], content : prefix + url// iframe的url }); layer.full(index); //最小化 type - 基本层类 类型:Number,默认:0 layer提供了5...
2025-02-25 前端开发
82

使用layui弹出层layer.open弹出需要的表单
使用layui弹出层layer.open弹出需要的表单,弹出层表单很常见,也很实用,无论是在pc端网页还是在移动端。现在用layui来实现一下这个表单吧. 1、html部分,也就是要弹出的内容: form class="layui-form" id="test" style="display:none" div class="layui-form...
2024-10-18 前端开发
220

layui打印表格自定义函数
最终实现打印效果如下: 具体函数如下: function print (tablelayid){ var v = document.createElement("div"); var f = ["head", "style", "body{font-size: 12px; color: #666;}", "table{width: 100%; border-collapse: collapse; border-spacing: 0;}",...
2024-10-16 前端开发
202

layer.open打印iframe内容的方法
首先layer.open中的type值为2,可通过以下代码直接打印弹出层的内容,代码如下,写在layer.open中: btn:['打印'],yes:function (index, layero) {var body = layer.getChildFrame('body', index); var iframeWin = window[layero.find('iframe')[0]['name']]...
2024-10-15 前端开发
229

解决弹出层打印问题
使用layui做弹出层;并且要求打印弹出层里面的内容。直接使用window.print()方法打印不出所有的页面内容,仅仅是打印了当前屏幕内容。 我的解决办法是 获取body中所有代码,新建一个空白页面,调用document.write()方法写入,再打印该页面,实现了正常的分...
2024-10-15 前端开发
94