Maison > interface Web > js tutoriel > js pour réaliser la hauteur adaptative automatique des compétences iframe_javascript

js pour réaliser la hauteur adaptative automatique des compétences iframe_javascript

WBOY
Libérer: 2016-05-16 16:13:43
original
1265 Les gens l'ont consulté

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

<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>
Copier après la connexion

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal