Comment rendre l'iframe adaptative à la hauteur frontale dans jquery

Cette fois, je vais vous expliquer jquery comment faire en sorte que l'iframe s'adapte à la hauteur de l'avant. Quelles sont les précautions pour que jquery s'adapte à l'iframe à la hauteur de l'avant. . Ce qui suit est un cas pratique, jetons un coup d'oeil ensemble.

code iframe, faites attention à écrire l'ID

<iframe src="test.html" id="main" 
width
="700" 
height
="300" frameborder="0" scrolling="auto"></iframe>

code jquery un :

//注意：下面的代码是放在test.html调用 
$(window.parent.
document
).find("#main").load(function(){ 
var main = $(window.parent.document).find("#main"); 
var thisheight = $(document).height()+30; 
main.height(thisheight); 
});

code jquery deux :

//注意：下面的代码是放在和iframe同一个页面调用 
$("#main").load(function(){ 
var mainheight = $(this).contents().find("body").height()+30; 
$(this).height(mainheight); 
});

Croyez ou non Après avoir lu le cas dans cet article, vous maîtrisez la méthode. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Méthode DOM d'opération inter-domaines JQuery dans iframe

Quelles sont les méthodes d'implémentation du secondaire AJAX lien

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!