est-il un moyen de charger une iframe de manière asynchrone
j'ai une page web avec une iframe pointant vers un autre site web. Je ne veux pas de cela pour bloquer le chargement du reste de la page. est-il un moyen de le charger asyncrounously?
- Qui de chargement voulez-vous bloquer? Qu'entendez-vous par le mode asynchrone?
- Vous rencontrez des problèmes avec un chargement de la page bloquée?
Vous devez vous connecter pour publier un commentaire.
Il ne devrait pas bloquer. Si vous souhaitez que la page principale pour charger complètement la première (par exemple, la page principale du images avant de les iframe contenu), alors vous aurez à utiliser un peu de javascript pour définir l'url de l'iframe, comme
<body onload="javascript:...">
onload
de ne pas le feu jusqu'à ce que tous les iframes ont été chargés.À l'aide de jQuery, ceci fonctionne:
où
url
est une URL.Je pense que @Coxy est correct que le OnLoad ne se déclenche pas. Au moins lors de l'exécution d'une page web tests de performance, il me semblait qu'il est en attente pour l'iframe à envisager la page soit entièrement chargée. J'ai donc utiliser cette petite jQuery extrait de charger l'iframe:
HTML:
<iframe id="blabla"></iframe>
JS:
iframes doit se charger de manière asynchrone, sans aucun effort de votre part.
Un problème que nous avions était que, alors que les iframes déjà faire charger de manière asynchrone, la page principale ne sera pas le feu OnLoad jusqu'à ce que l'iframe a fini de charger trop.
Nous avons travaillé autour de ce par 'semblant' OnLoad par l'appel de la méthode, nous avons voulu dans un élément script en bas de la page principale, même en dehors de la balise body de clôture:
Bien que je suis d'accord que cela ne devrait pas être le cas, vous pourriez attendre de votre page web pour être complètement chargé, et puis de charger le contenu de l'iframe. Avec jQuery, je pense que vous pouvez faire quelque chose comme ceci:
<iframe name="theOtherPage"></iframe>
$(document).ready
s'exécute sur DOMContentLoaded, avant onload. Réglage de la src avant onload signifie qu'il va encore bloquer onload. Démo: codepen.io/mac9416/stylo/qQLeyPvous pouvez attendre jusqu'à après 'onload' a tiré pour l'ensemble de l'iframe src:
alors quelque chose comme ceci:
De la vanille JS alternative:
HTML:
JS:
text/jscript
type mime, pourquoi pensez-vous qu'il y a? Si vous pensez qu'il est, puis la première à google et assurez-vous.