本文實例講述了JS實現iframe自適應高度的方法。分享給大家供大家參考，具體如下：
<iframe id="mainFrame" name="mainFrame" src="/zwgk/hsearchview" width="740" frameborder="0" scrolling="no" scrolling="no" frameborder="0" ></iframe>
<script type="text/javascript" language="javascript">function reinitIframe(){ var iframe = document.getElementById("mainFrame"); try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; var height = Math.max(bHeight, dHeight); iframe.height = height; }catch (ex){} } window.setInterval("reinitIframe()", 100);</script>PS:高度自適應應用廣泛，本站的很多在線工具也使用了這一技巧，列舉如下幾個工具供大家參考：
JavaScript在線格式化工具(基于beautify.js插件)：
http://tools.VeVB.COm/code/js_beautify
在線顏色選擇器工具/RGB顏色查詢對照表：
http://tools.VeVB.COm/color/colorpicker
在線個人所得稅計算器：
http://tools.VeVB.COm/jisuanqi/tax_calc
宋詞在線查詢：
http://tools.VeVB.COm/bianmin/songci
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結》、《JavaScript數組操作技巧總結》、《JavaScript排序算法總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript查找算法技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
