javascript – Verwenden Sie Js oder Jq, um zu bestimmen, ob eine Ressource geladen ist

Question

Warten Sie beispielsweise bei einem Bild, bis es geladen ist, also nachdem die Anfrage eingegangen ist, und führen Sie dann einen weiteren Vorgang aus.

Was ist mit anderen Ressourcentypen, z. B. ob die SWF-Datei geladen wird? Ist es dieselbe Methode?

Oder wie überwacht man eine HTTP-Anfrage?

Answer 1

浏览器去加载这些资源或者是异步去发http请求的话，一般都会提供钩子函数。

例如，你异步去获取js代码:

    const script = document.createElement('script')
    script.src = 'xxxx'
    script.onload = script.onreadystatechange = function () {
        if (!this.readyState || /^(loaded|complete)$/.test(this.readyState)) {
            resolve(window[namespace][name])
            sc.onload = sc.onreadystatechange = null
        }
    }
    document.body.append(script)

你创建的script对象上提供了加载的钩子函数:onload/onreadystatechange(浏览器的兼容性处理),当你把script标签插入到DOM中时，浏览器另开一个线程去异步加载你需要的js资源，在加载的不同阶段：this.readyState对应不同的值，这个时候根据需要设置你的回调函数。这样就完成了对于一段js代码异步获取的监控。

Answer 2

onload事件或者readystatechange事件，但不是所有对象都支持。另外promise应该也能吧

Answer 3

http://stackoverflow.com/ques...

Use SWFObject to embed the SWF, then use the callback function to poll the SWF's PercentLoaded value.

If the value is 0, the SWF has not loaded yet. When it hits 100, the SWF is fully loaded.

Here's a tutorial for polling PercentLoaded, complete with code examples.

Answer 4

可以考虑ajax或者fetch API