iframe,尤其是不帶邊框的iframe因為能和網(wǎng)頁無縫的結合從而不刷新頁面的情況下更新頁面的部分數(shù)據(jù)成為可能，可是iframe的大小卻不像層那樣可以“伸縮自如”，所以帶來了使用上的麻煩，給iframe設置高度的時候多了也不好，少了更是不行，現(xiàn)在，讓我來告訴大家一種iframe動態(tài)調(diào)整高度的方法，主要是以下JS函數(shù)：

復制代碼代碼如下:

function SetWinHeight(obj)  
{  
var win=obj;  
if (document.getElementById)  
{  
   if (win && !window.opera)  
   {  
    if (win.contentDocument && win.contentDocument.body.offsetHeight)  

     win.height = win.contentDocument.body.offsetHeight;  
    else if(win.Document && win.Document.body.scrollHeight)  
     win.height = win.Document.body.scrollHeight;  
   }  
}  
} 

最后，加入iframe,不能丟掉onload屬性，當然了，id也必須也函數(shù)中的win匹配
程序代碼

復制代碼代碼如下:

<iframe width=”778″ align=”center” height=”200″ id=”win” name=”win” onload=”Javascript:SetWinHeight(this)” frameborder=”0″ scrolling=”no”></iframe> 

您可能感興趣的文章:

JS超出精度數(shù)字問題的解決方法
一般參數(shù)值不能超過16位,如果超出16都是用0替代,導致我們查詢不到自己想要的結果,這篇文章主要給大家介紹了關于JS超出精度數(shù)字問題的解決方法,需要的朋友可以參考下
2021-07-07
每天一篇javascript學習小結（基礎知識）
這篇文章主要介紹了javascript基本的知識點，包括字符串、特殊字符運算、變量轉(zhuǎn)字符串等，對javascript的基礎知識講解的很全面，為了更好地幫助大家學習javascript，感興趣的小伙伴們可以參考一下
2015-11-11
通過js實現(xiàn)壓縮圖片上傳功能
這篇文章主要介紹了通過js實現(xiàn)壓縮圖片上傳功能,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-02-02
前端URL拼接路徑參數(shù)具體實現(xiàn)代碼
這篇文章主要給大家介紹了關于前端URL拼接路徑參數(shù)具體實現(xiàn)的相關資料,url地址拼接是經(jīng)常會遇到的問題,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2023-12-12
javascript實現(xiàn)unicode和字符的互相轉(zhuǎn)換
javascript實現(xiàn)unicode和字符的互相轉(zhuǎn)換...
2007-07-07
Javascript中apply、call、bind的巧妙使用
Javascript中apply、call、bind都是為了改變函數(shù)體內(nèi)部 this 的指向。下面通過本文重點給大家介紹js中apply，call，bind的巧妙使用方法，感興趣的朋友一起學習吧
2016-08-08
js鼠標單擊和雙擊事件沖突問題的快速解決方法
下面小編就為大家?guī)硪黄猨s鼠標單擊和雙擊事件沖突問題的快速解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
子窗體與父窗體傳值示例js代碼
子窗體與父窗體之見互相傳值實現(xiàn)使用中很頻繁，本文以一個小示例拋磚引玉，希望大家可以舉一反三
2013-08-08
JavaScript父子窗體間的調(diào)用方法
這篇文章主要介紹了JavaScript父子窗體間的調(diào)用方法,涉及javascript調(diào)用窗體的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03
js捕捉鍵盤事件和按鍵鍵值的方法
下面小編就為大家?guī)硪黄猨s捕捉鍵盤事件和按鍵鍵值的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10