frame子页面获取ajax数据的情况下，页面自适应窗口高度

思路：去掉父页面的纵向滚动条，改为显示frame子页面的的滚动条，frame窗口高度自适应浏览器窗口高度

PS：貌似这样一来，不仅ajax可用，其他情况下也可用了，只需修改父页面的内容，比较方便

父页面js：

#以下代码使iframe窗口的高度随浏览器窗口改变而改变

1 <script type="text/javascript">
2     $(document).ready(function(){
3         //初始化高度，mainScreenFrm为iframe的name
4         window.document.all.mainScreenFrm.height = $(window).height() - 父页面固定内容的高度;
5         $(window).resize(function(){
6             window.document.all.mainScreenFrm.height = $(window).height() - 父页面固定内容的高度;
7         });
8     });
9 </script>

父页面css：

#隐藏父页面的滚动条

1 <style type="text/css">
2     html { overflow: hidden; }
3 </style>

父页面iframe-html：

#设置scrolling="auto"，使得frame子页面的滚动条自动出现

1 <iframe class="autoheight" id="mainScreenFrm" name="mainScreenFrm" width="100%" height="100%" src="mysrc" scrolling="auto" frameborder="0"></iframe>