前端页面设置

当在一个页面中嵌套一个iframe时，有时候会动态的改变iframe里面的内容，这样就会导致iframe的高度会变化。下面是一个在网上看到的一个iframe自适应高度的代码，具体地址忘记了。经自己测试可以成功运行。但是发现一个小问题，就是当网速慢，或者iframe中的内容加载有一点慢的时候，就可以明显的看到，iframe的高度变了，但是里面的内容还是原来的，过一会儿才显示，很影响操作感觉。要是自己对自己的要求过高的话，可是自己改变一下，先更新iframe里面的内容，然后再改变高度，因为改变高度可以很快的响应，所以这样就基本上看不出不连贯了。

js代码：

function adjustFrameSize(x)

{

   var frm = document.getElementById(x);

   var subWeb = document.frames ? document.frames[x].document:frm.contentDocument;

   if(frm != null && subWeb != null)

   {

       frm.style.height="0px";//初始化一下,否则会保留大页面高度

       frm.style.height = subWeb.documentElement.scrollHeight+"px";

       frm.style.width = subWeb.documentElement.scrollWidth-10+"px";

       subWeb.body.style.overflowX="auto";

       subWeb.body.style.overflowY="auto";

   }

}

页面代码：

 <iframe frameborder="0" id="name" name="right" width="100%" height="100%"

scrolling="no" 

src="。。。"

onLoad="adjustFrameSize('name')">

</iframe>