ddddd

所有图片都加载完成 再进行网页打印的实现

作者:程序员11 时间:2023-06-28 人气:329 QQ交流群\邮箱:1003265987@qq.com
所有图片都加载完成 再进行网页打印的实现
要展示的内容

使用JS打印很简单 

window.print();

这么做的缺点是,如果这个页面图片没加载完成 改方法也会执行

如何做到所有图片都加载完成再打印呢

代码如下

function __Print(){
    var img_length = $("img").length;
    var img_start = 0;
    $('img').each(function(){
        var oneImg = new Image();  
        oneImg.src = $(this).attr('src'); 
        oneImg.οnlοad=function(){
            img_start++;
            console.info(img_start);
            if(img_start == img_length){
                window.print();
            }
            
        };
    })
}

思路就是遍历所有img元素, 对其进行加载完成的处理

当处理的次数和图片的数量相等时 进行打印


温馨提示:

欢迎阅读本文章,觉得有用就多来支持一下,没有能帮到您,还有很多文章,希望有一天能帮到您。

所有图片都加载完成 再进行网页打印的实现---相关文章


评论区

ddddd

程序员-学习的网站-想学习编程的码农可以进来看看

首页

视频教程

购物车

我的订单