辦理火狐iframe兼容IE6、7、8
社區流派謀劃思緒拓展練習的幾個重點
2016-05-13解釋收集營銷技巧團隊必備的根本人員
2016-05-13做網站最怕就是碰到沒有兼容題目，偶然候在IE下看網頁長短常完善的，可在火狐上一看變得烏煙瘴氣。這沒有？本日就碰到一個異常貧苦的題目，弄瞭半天，終極照樣弄好瞭。這個題目是在網頁上挪用iframe標簽的時刻不克不及完整表現所挪用頁面的高度，隻表現一半，在IE下沒有題目，火狐就貧苦瞭。上面是辦理代碼：
在網頁<body>標簽之前插入以下代碼：
<ｓｃｒｉｐｔ language=javaｓｃｒｉｐｔ>
function turnHeight(iframe)
{
var frm = document.getElementById(iframe);
var subWeb = document.frames ? document.frames[iframe].document : frm.contentDocument;
if(frm != null subWeb != null)
{ frm.height = subWeb.body.scrollHeight + 20;}
}
</ｓｃｒｉｐｔ>
挪用代碼以下：
<IFRAME id=iframe1 src=http://www.8671.co/main/sf.php frameBorder=0 width=986 scrolling=no onload=turnHeight('iframe1'); height=100%></IFRAME>
如許就可以辦理火狐iframe自順應高度的題目，並且兼容IE。
留意，iframe頁面中的元素，不克不及應用float屬性和display屬性，不然在火狐中獵取到的iframe高度將為0，致使自順應高度掉敗。
