javascript - Utilisez Js ou Jq pour déterminer si une ressource est chargée

Question

Par exemple, pour une image, attendez qu'elle soit chargée, c'est-à-dire après réception de la demande, puis effectuez une autre opération.

Qu'en est-il des autres types de ressources, par exemple si le fichier swf est chargé ? Est-ce la même méthode ?

Ou comment surveiller une requête http ?

Answer 1

Lorsque le navigateur charge ces ressources ou envoie une requête http de manière asynchrone, il fournit généralement une fonction hook. 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

Par exemple, si vous obtenez le code js de manière asynchrone : 🎜 rrreee 🎜L'objet script que vous avez créé fournit une fonction de hook de chargement : onload/onreadystatechange (traitement de compatibilité du navigateur), lorsque vous mettez scriptLorsque la balise est inséré dans DOM, le navigateur ouvre un autre thread pour charger de manière asynchrone les ressources js dont vous avez besoin à différentes étapes de chargement : this.readyState correspond à. différentes valeurs. À ce stade, définissez votre fonction de rappel selon vos besoins. Ceci termine le suivi de l'acquisition asynchrone d'un morceau de code js. 🎜

Answer 2

onload événement ou événement readystatechange, mais tous les objets ne le prennent pas en charge. De plus, les promesses devraient également fonctionner

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

Vous pouvez envisager d'utiliser Ajax ou récupérer l'API