js實現(xiàn)iframe動態(tài)調(diào)整高度的代碼
更新時間:2008年01月06日 19:51:32 作者:
iframe,尤其是不帶邊框的iframe因為能和網(wǎng)頁無縫的結(jié)合從而不刷新頁面的情況下更新頁面的部分?jǐn)?shù)據(jù)成為可能,可是iframe的大小卻不像層那樣可以“伸縮自如”,所以帶來了使用上的麻煩,給iframe設(shè)置高度的時候多了也不好,少了更是不行,現(xiàn)在,讓我來告訴大家一種iframe動態(tài)調(diào)整高度的方法,主要是以下JS函數(shù):
復(fù)制代碼 代碼如下:
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屬性,當(dāng)然了,id也必須也函數(shù)中的win匹配
程序代碼
復(fù)制代碼 代碼如下:
<iframe width=”778″ align=”center” height=”200″ id=”win” name=”win” onload=”Javascript:SetWinHeight(this)” frameborder=”0″ scrolling=”no”></iframe>
您可能感興趣的文章:
- js動態(tài)創(chuàng)建上傳表單通過iframe模擬Ajax實現(xiàn)無刷新
- iframe子父頁面調(diào)用js函數(shù)示例
- js與jQuery 獲取父窗、子窗的iframe
- js下判斷 iframe 是否加載完成的完美方法
- js iframe跨域訪問(同主域/非同主域)分別深入介紹
- js中iframe調(diào)用父頁面的方法
- js操作iframe的一些方法介紹
- js實現(xiàn)網(wǎng)頁防止被iframe框架嵌套及幾種location.href的區(qū)別
- JS中Iframe之間傳值及子頁面與父頁面應(yīng)用
- JavaScript實現(xiàn)同一頁面內(nèi)兩個表單互相傳值的方法
- jquery ajax提交表單從action傳值到j(luò)sp實現(xiàn)小結(jié)
- JS實現(xiàn)向iframe中表單傳值的方法
相關(guān)文章
每天一篇javascript學(xué)習(xí)小結(jié)(基礎(chǔ)知識)
這篇文章主要介紹了javascript基本的知識點,包括字符串、特殊字符運算、變量轉(zhuǎn)字符串等,對javascript的基礎(chǔ)知識講解的很全面,為了更好地幫助大家學(xué)習(xí)javascript,感興趣的小伙伴們可以參考一下2015-11-11javascript實現(xiàn)unicode和字符的互相轉(zhuǎn)換
javascript實現(xiàn)unicode和字符的互相轉(zhuǎn)換...2007-07-07Javascript中apply、call、bind的巧妙使用
Javascript中apply、call、bind都是為了改變函數(shù)體內(nèi)部 this 的指向。下面通過本文重點給大家介紹js中apply,call,bind的巧妙使用方法,感興趣的朋友一起學(xué)習(xí)吧2016-08-08