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)文章
簡單寫了下，只測試了chrome，道理很簡單，其他瀏覽器自行擴(kuò)充。2013-05-05
D3.js實現(xiàn)餅圖,環(huán)圖,玫瑰圖的繪制
這篇文章主要為大家介紹了如何利用D3.js中的d3.pie和d3.arc實現(xiàn)餅圖、環(huán)圖和玫瑰圖的繪制，文中的實現(xiàn)方法講解詳細(xì)，感興趣的可以嘗試一下2022-11-11
RequireJS由James Burke創(chuàng)建，他也是AMD規(guī)范的創(chuàng)始人。大家知道我們?yōu)槭裁匆獙W(xué)習(xí)requirejs嗎？帶著這個疑問來學(xué)習(xí)本篇文章吧，感興趣的朋友一起學(xué)習(xí)RequireJS入門一之實現(xiàn)第一個例子吧2015-09-09
JavaScript中this關(guān)鍵詞的使用技巧、工作原理以及注意事項
在JavaScript中，this 的概念比較復(fù)雜。除了在面向?qū)ο缶幊讨?，this 還是隨處可用的。這篇文章介紹了this 的工作原理，它會造成什么樣的問題以及this 的相關(guān)例子。2014-05-05
今天小編就為大家分享一篇layui prompt 設(shè)置允許空白提交的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript兼容性總結(jié)之獲取非行間樣式案例
這篇文章主要介紹了JavaScript兼容性總結(jié)之獲取非行間樣式的相關(guān)資料,需要的朋友可以參考下2016-08-08
JS實現(xiàn)圖片點擊后出現(xiàn)模態(tài)框效果
這篇文章主要介紹了JS實現(xiàn)圖片點擊后出現(xiàn)模態(tài)框效果,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-05-05
下面的內(nèi)容介紹了#號的使用，因為在url中多個#號代表不同的意義與區(qū)別。2011-02-02
這篇文章主要為大家詳細(xì)介紹了用js實現(xiàn)用戶注冊的簡潔版，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)動畫中的布局轉(zhuǎn)換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08