Dynamically change the height of the IFrame to realize the automatic expansion of the IFrame and the automatic shrinking of the parent page
Principle: When the IFrame sub-page is loaded, call the parent IFrame object to change its height
Specific implementation one:
1. In the specific page of the IFrame (that is, the sub-page), add JavaScript
<script> <br>function IFrameResize(){ <br>//alert(this.document.body.scrollHeight); //Pop up the height of the current page<br>var obj = parent.document.getElementById("childFrame"); //Get the IFrame object of the parent page<br>//alert(obj.height); //Pop up the height set in the IFrame in the parent page<br>obj.height = this. document.body.scrollHeight; //Adjust the height of the IFrame in the parent page to the height of the page <br>} <br></script>
2. On the specific page of the IFrame (that is subpage), add the onload event
< body onload="IFrameResize()">
3. Add an ID to the IFrame tag of the parent page, which is the childFrame
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
