解决弹出层打印问题

2024-10-15 前端开发跟版网

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

使用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();  
};

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！

弹出层打印

上一篇：百度地图API调用如何让标注内容自动呈现在最佳视野内下一篇：layer.open打印iframe内容的方法

相关文档推荐

layui点击文本输入框调起弹出选择框并选择内容的两种方法参考

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

Layui treetable复选框联动解决方案

我们都知道layui treetable.js没有checked做联动。我们要实现Layui treetable复选框联动要怎么操作呢？实现的最终效果如下： 1. 在当前HTML文档checked监听函数中增加以下代码： //联动 table.on('checkbox(quan_list)', function(obj){ //console.log(obj);

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

mui prompt 弹出框怎么设置输入框的默认值

mui prompt 弹出框设置输入框的默认值，具体代码如下： document.getElementById("promptBtn").addEventListener('tap', function(e) {e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了var

使用layui弹出层layer.open弹出需要的表单

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

解决layer.msg与parent关闭或者刷新冲突的问题

当我们用到layer.msg()和parent.location.reload()刷新的时候，会发现layer.msg不会弹出提示信息，那这种情况我们要怎么操作呢？我们原来的代码如下（会发现执行后不会提示数据保存成功或者失败）： $.post({url:"/save",data:data.field,success:function (

栏目导航

html教程 css教程前端开发 cms教程 seo优化网页设计服务器数据库平面设计电脑教程编程教程互联网移动开发 php编程 java编程实例代码 Python编程