解决弹出层打印问题

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内容的方法

相关文档推荐

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

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

layui表单select框同时支持下拉和输入的解决方案

layui表单select框同时支持下拉和输入的解决方案，最终实现效果如下： div class="layui-input-inline"select name="member_depart" lay-verify="required" id="member_depart" lay-filter="member_depart" style="height:10px;" lay-searchoption value=""选

Layui treetable 复选框联动解决方案

treetable.js没有checked做联动。于是自己基于treetable开发的一个小功能，希望能和大家一起交流一下。 1. 在当前HTML文档checked监听函数中增加以下代码 //联动 table.on('checkbox(quan_list)', function(obj){ //console.log(obj); //当前id var id = obj.

JavaScript在for循环中绑定事件解决事件参数不同的情况

JavaScript 在 for 循环中绑定事件时，通常会遇到事件参数不同的情况，这种情况下，如果不加以处理，则会导致事件回调出错或者引起内存泄漏等问题。解决该问题的方法是通过使用闭包和立即执行函数表达式，来给事件参数绑定上恰当的值。下面是具体的攻略：

关于var在for循环遇到的问题解决

关于var在for循环中遇到的问题解决可以从以下两点入手：

JavaScript中子函数访问外部变量的3种解决方法

下面我会详细讲解 “JavaScript中子函数访问外部变量的3种解决方法”的完整攻略。

栏目导航

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