Maison > Article > interface Web > Comment implémenter la hauteur et la largeur adaptatives iframe dans jquery
Comment implémenter la hauteur et la largeur adaptatives iframe dans jquery
- php中世界最好的语言original
- 2018-04-24 14:44:321871parcourir
Cette fois, je vais vous expliquer jquery comment implémenter la hauteur et la largeur adaptatives de l'iframe Quelles sont les précautions pour implémenter la hauteur et la largeur adaptatives de l'iframe avec jquery. un cas pratique. Levez-vous et jetez un œil.
javascriptLes bibliothèques natives et jquery implémentent la hauteur et la largeur du contenu adaptatif iframe --- le code jQuery est recommandé !
<iframe src="index.php" id="mainiframe" name="mainiframe" width="100%" frameborder="0" scrolling="no" marginwidth="0" marginheight="0"></iframe>
Le code basé sur la bibliothèque Jquery est facile à implémenter :
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#mainframe").load(function(){
$(this).height(0); //用于每次刷新时控制IFRAME高度初始化
var height = $(this).contents().height() + 10;
$(this).height( height < 500 ? 500 : height );
});
});
</script>
Implémentation basée sur le code natif JS :
<script language="javascript">
if (window.parent.length>0){window.parent.document.all.mainframe.style.height=document.body.scrollHeight;}
</script>
Juste après votre iframe Ajoutez simplement le paragraphe ci-dessus après avoir appelé le fichier