如何用jquery判断css里的背景图片加载完成

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用jquery判断css里的背景图片加载完成相关的知识,希望对你有一定的参考价值。

//①首先要获得该元素背景图片的URL;
//②NEW一个图片对象
var bgimg = new Image();
//③给这个图片对象加上onload事件
bgimg.src = '该元素背景图片的URL';
bgimg.onload = function ()
//图片对象加载完成,对应的该元素背景图片也加载完成

参考技术A 用 img.complete 足够,还要考虑 css background 又应该怎么办呢?
如果只是想等资源加载完毕,用 window.onload
如果想知道每个资源的加载进度,用 resource timing api
以上是侵入性比较低的做法
自己实现一个图片加载类,控制所有图片的载入,也是可以的,游戏编程里常用这个做法。
参考技术B $("window").load(function()
alert("全部加载完毕")
)
alert()执行的时候就是加载完毕了

Java - 如何用 Class.forName 加载外部 Jar 里的类文件?

故事背景

在一个框架叫 magic-api 里,可以低代码的方式写代码,动态编译执行,但是要想加载一些 import 类进来,需要前提在项目里加载 jar 完成后才可以 import,那么这样每来一个新的 class,就都需要重新加载 class 到项目,然后打包项目,再 import……非常繁琐!!!

当然这边还要提到 magic 的一个大概执行过程,拿到一份源码时,头文件上的 import 会经过源码里 Class.forName 进行加载到内存,有人会说,那直接用 URLClassLoader 不就行了,的确可以,但是这样需要改源码了,也比较繁琐,所以为了不该源码,怎么去兼容又方便的解决这个问题呢?

解决方案

那么就产生了一个问题,是否有一种办法可以直接通过外部 jar 直接加载 class 到 JVM 内存呢?

这里大概思路是用 URLClassLoader 来接收文件,然后 Class.forName 就能在项目范围内拿到该类去加载到内存,就是这样。

  • 顺便提一句:那 magic-api 框架如何兼容这个问题呢,因为需要用到 URLClassLoader,其实在 magic-api 执行拿到的源码前,提供了一个拦截器,我们可以把 URLClassLoader 放到那边去做即可!
public class ClassLoadTest 

    public void test() 
        // 外部 jar 所在位置
        String path = "file:C:\\\\Users\\\\Boomni_Sun\\\\Desktop\\\\chinadaas-magic-api-0.3.1-SNAPSHOT.jar";
        URLClassLoader urlClassLoader = null;
        try 
            // 通过URLClassLoader加载外部jar
            urlClassLoader = new URLClassLoader(new URL[]new URL(path));
            Class<?> cls = Class.forName("com.chinadaas.magic.api.utils.MyTest", false, urlClassLoader);
            Object instance = cls.newInstance();
         catch (Exception e) 
            e.printStackTrace();
         finally 
            // 卸载关闭外部jar
            try 
                urlClassLoader.close();
             catch (IOException e) 
                System.out.println("关闭外部jar失败:" + e.getMessage());
            
        
    

以上是关于如何用jquery判断css里的背景图片加载完成的主要内容,如果未能解决你的问题,请参考以下文章

Java - 如何用 Class.forName 加载外部 Jar 里的类文件?

如何用canvas或者css完成动态加载显示这个动画

如何用 CSS 完成漂亮的加载

如何用jquery判断元素是不是进入可视区域

如何用jquery.ui.dialog加载页面

如何用jquery或js结束CSS转换?