使用jQuery动态调整iframe高度，以及jQuery对dom元素的监听

　　大家可能会遇到子页面内容较多但iframe高度不够的情况。给iframe设置scrolling="no"的话子页面内容显示不全，不设置又会出现滚动条从而影响美观。当我们点击不同的菜单让iframe加载不同的html文件时，iframe的高度就需要做相应的调整。

主体思路：子页面加载完成后根据具体body的高度给iframe设置一个适合的高度

情况1：各个子页面内容与高度比较固定

<script>
$(function(){
　　$("#Frame_Content").load(function(){
　　　　var frame_content = $(this);
　　　　//获取子页面body的高度 并适量增加
　　　　var mainheight = frame_content.contents().find("body").height()+30;
　　　　//给iframe设置高度（不低于350）
　　　　frame_content.height(Math.max(mainheight,350));
　　});
});
</script>
<iframe class="main" onload="this.height=350" frameborder="0" scrolling="no" id="Frame_Content" name="content"></iframe>