js實(shí)現(xiàn)iframe動(dòng)態(tài)調(diào)整高度的代碼
更新時(shí)間：2008年01月06日 19:51:32 作者：
iframe,尤其是不帶邊框的iframe因?yàn)槟芎途W(wǎng)頁(yè)無縫的結(jié)合從而不刷新頁(yè)面的情況下更新頁(yè)面的部分?jǐn)?shù)據(jù)成為可能，可是iframe的大小卻不像層那樣可以“伸縮自如”，所以帶來了使用上的麻煩，給iframe設(shè)置高度的時(shí)候多了也不好，少了更是不行，現(xiàn)在，讓我來告訴大家一種iframe動(dòng)態(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動(dòng)態(tài)創(chuàng)建上傳表單通過iframe模擬Ajax實(shí)現(xiàn)無刷新
- iframe子父頁(yè)面調(diào)用js函數(shù)示例
- js與jQuery 獲取父窗、子窗的iframe
- js下判斷 iframe 是否加載完成的完美方法
- js iframe跨域訪問(同主域/非同主域)分別深入介紹
- js中iframe調(diào)用父頁(yè)面的方法
- js操作iframe的一些方法介紹
- js實(shí)現(xiàn)網(wǎng)頁(yè)防止被iframe框架嵌套及幾種location.href的區(qū)別
- JS中Iframe之間傳值及子頁(yè)面與父頁(yè)面應(yīng)用
- JavaScript實(shí)現(xiàn)同一頁(yè)面內(nèi)兩個(gè)表單互相傳值的方法
- jquery ajax提交表單從action傳值到j(luò)sp實(shí)現(xiàn)小結(jié)
- JS實(shí)現(xiàn)向iframe中表單傳值的方法
相關(guān)文章
一般參數(shù)值不能超過16位,如果超出16都是用0替代,導(dǎo)致我們查詢不到自己想要的結(jié)果,這篇文章主要給大家介紹了關(guān)于JS超出精度數(shù)字問題的解決方法,需要的朋友可以參考下2021-07-07
每天一篇javascript學(xué)習(xí)小結(jié)（基礎(chǔ)知識(shí)）
這篇文章主要介紹了javascript基本的知識(shí)點(diǎn)，包括字符串、特殊字符運(yùn)算、變量轉(zhuǎn)字符串等，對(duì)javascript的基礎(chǔ)知識(shí)講解的很全面，為了更好地幫助大家學(xué)習(xí)javascript，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了通過js實(shí)現(xiàn)壓縮圖片上傳功能,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
前端URL拼接路徑參數(shù)具體實(shí)現(xiàn)代碼
這篇文章主要給大家介紹了關(guān)于前端URL拼接路徑參數(shù)具體實(shí)現(xiàn)的相關(guān)資料,url地址拼接是經(jīng)常會(huì)遇到的問題,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
javascript實(shí)現(xiàn)unicode和字符的互相轉(zhuǎn)換
javascript實(shí)現(xiàn)unicode和字符的互相轉(zhuǎn)換...2007-07-07
Javascript中apply、call、bind的巧妙使用
Javascript中apply、call、bind都是為了改變函數(shù)體內(nèi)部 this 的指向。下面通過本文重點(diǎn)給大家介紹js中apply，call，bind的巧妙使用方法，感興趣的朋友一起學(xué)習(xí)吧2016-08-08
下面小編就為大家?guī)硪黄猨s鼠標(biāo)單擊和雙擊事件沖突問題的快速解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
子窗體與父窗體之見互相傳值實(shí)現(xiàn)使用中很頻繁，本文以一個(gè)小示例拋磚引玉，希望大家可以舉一反三2013-08-08
這篇文章主要介紹了JavaScript父子窗體間的調(diào)用方法,涉及javascript調(diào)用窗體的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
下面小編就為大家?guī)硪黄猨s捕捉鍵盤事件和按鍵鍵值的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10