Maison >interface Web >js tutoriel >js pour réaliser la hauteur adaptative automatique des compétences iframe_javascript
L'exemple de cet article décrit la méthode de réalisation de la hauteur adaptative automatique de l'iframe en js. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
Lors de l'écriture de pages Web, il est souvent nécessaire de mettre automatiquement à l'échelle la hauteur de l'iframe. Si une liste est intégrée dans l'iframe, après avoir ajouté des données et actualisé la liste, la hauteur de l'iframe s'étendra automatiquement. Après avoir supprimé les données, la hauteur de l'iframe doit être automatiquement raccourcie.
Copiez le morceau de code suivant sur la page html ou jsp où se trouve l'iframe. Appelez simplement cette fonction après la balise 73a6ac4ed44ffec12cee46588e518a5e
<script type="text/javascript"> autoAdjustWindow(); </script> <script type="text/javascript"> //自动调整iframe的高度,自适应树的展开和收缩 function autoAdjustWindow(){ try{ window.frameElement.height=document.body.scrollHeight; window.frameElement.parentElement.height=document.body.scrollHeight; window.frameElement.width=document.body.scrollWidth; window.frameElement.parentElement.width=document.body.scrollWidth; }catch(e){ } } </script>
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.