JavaScript modifie la hauteur de l'iframe, provoquant un débordement de mémoire

Question

Récemment, je travaille sur un projet qui nécessite l'utilisation d'iframe. La hauteur du contenu à l'intérieur n'est pas constante et change. J'ai rencontré un problème aujourd'hui si la hauteur de l'iframe est modifiée plusieurs fois en peu de temps. cela provoquerait un débordement de mémoire. Au début, je pensais qu'il y avait un problème avec la façon dont je l'ai écrit. Après avoir cherché, j'ai essayé de nombreuses méthodes et j'ai découvert que ce soit javascript ou jQuery, tant que la hauteur de l'iframe est. modifié plusieurs fois en peu de temps, que ce soit dans la fenêtre parent ou dans l'iframe, cela provoquera un débordement de mémoire, puis le navigateur sera bloqué.
Ce qui suit est une fonction simple pour modifier la hauteur de l'iframe

function parentHeight(add) {
         var mainheight = $("body").height();
         mainheight = mainheight < 865 ? 865 : mainheight;
         $("#iframeId", parent.document).height(mainheight + add);
         }

Existe-t-il donc une meilleure façon de modifier dynamiquement la hauteur de l'iframe ou de laisser l'iframe s'adapter à la hauteur du contenu.

Answer 1

<iframe id="iFrame1" name="iFrame1" width="100%" onload="this.height=iFrame1.document.body.scrollHeight" frameborder="0" src="index.htm"></iframe>