使用javascript實(shí)現(xiàn)Iframe自適應(yīng)高度
更新時(shí)間：2014年12月24日 10:26:24 投稿：hebedich
這篇文章主要介紹了使用javascript實(shí)現(xiàn)Iframe自適應(yīng)高度,需要的朋友可以參考下
方法一：
復(fù)制代碼 代碼如下:
$(window.parent.document).find("#ContentIframe").load(function() {
var main = $(window.parent.document).find("#ContentIframe");
var thisheight = $(document).height();
if (thisheight < 800)
thisheight = 800;
main.height(thisheight);
});
這種寫法，只能對(duì)于加載的時(shí)候?qū)逃性氐淖赃m應(yīng)高度，當(dāng)元素變化的時(shí)候（如添加了很多元素，高度變化后）不能及時(shí)改變父窗體的iframe高度。
方法二：
復(fù)制代碼 代碼如下:
function setMainHeight() {
var main = $(window.parent.document).find("#ContentIframe");
var thisheight = $("body").height();
if (thisheight < 800) { thisheight = 800; }
main.height(thisheight+50);
setTimeout(setMainHeight, 2000);
}
添加一個(gè)計(jì)時(shí)器，輪詢判斷子頁(yè)面的高度變化。
以上2種都可以是iframe實(shí)現(xiàn)高度自適應(yīng)，小伙伴們根據(jù)自己的項(xiàng)目需求，自由選擇吧
您可能感興趣的文章:
- 關(guān)于div自適應(yīng)高度/左右高度自適應(yīng)一致的js代碼
- JS實(shí)現(xiàn)iframe自適應(yīng)高度的方法示例
- JS實(shí)現(xiàn)很實(shí)用的對(duì)聯(lián)廣告代碼（可自適應(yīng)高度）
- JS實(shí)現(xiàn)自適應(yīng)高度表單文本框的方法
- js實(shí)現(xiàn)iframe自動(dòng)自適應(yīng)高度的方法
- js控制iframe的高度/寬度讓其自適應(yīng)內(nèi)容
- 兼容主流瀏覽器的iframe自適應(yīng)高度js腳本
- JavaScript 處理Iframe自適應(yīng)高度(同或不同域名下)
- Javascript 文本框textarea高度隨內(nèi)容自適應(yīng)增長(zhǎng)收縮
- js實(shí)現(xiàn)的真正的iframe高度自適應(yīng)(兼容IE,FF,Opera)
- JS實(shí)現(xiàn)DIV高度自適應(yīng)窗口示例
相關(guān)文章
JavaScript 轉(zhuǎn)義字符JSON parse錯(cuò)誤研究
這篇文章主要為大家介紹了JavaScript 轉(zhuǎn)義字符JSON parse錯(cuò)誤研究，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
js字符串截取函數(shù)substr substring slice使用對(duì)比
字符串截取函數(shù)有substr、substring以及slice等等，下面將為大家介紹下各自的使用，感興趣的朋友可以了解下2013-11-11
JS中函數(shù)科里化的背景與應(yīng)用實(shí)例教程
在數(shù)學(xué)和計(jì)算機(jī)科學(xué)中,柯里化是一種將使用多個(gè)參數(shù)的一個(gè)函數(shù)轉(zhuǎn)換成一系列使用一個(gè)參數(shù)的函數(shù)的技術(shù),下面這篇文章主要給大家介紹了JS中函數(shù)科里化的背景與應(yīng)用實(shí)例的相關(guān)資料,需要的朋友可以參考下2022-06-06
這篇文章主要介紹了javascript中的閉包概念與用法,結(jié)合具體實(shí)例形式分析了javascript閉包的概念、原理、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-07-07
uniapp?APP消息推送方案實(shí)現(xiàn)全過(guò)程
前段時(shí)間開(kāi)發(fā)app的時(shí)候要開(kāi)始做消息推送功能了,下面這篇文章主要給大家介紹了關(guān)于uniapp?APP消息推送方案實(shí)現(xiàn)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
在前端開(kāi)發(fā)中，有時(shí)候我們需要判斷一個(gè)元素是否在可視區(qū)域內(nèi)，本文主要介紹了js如何對(duì)元素可視區(qū)域進(jìn)行判定，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
對(duì)話框，大家對(duì)這個(gè)詞匯可謂是各有所解，本文有個(gè)不錯(cuò)的例子，里面包含了各種常見(jiàn)對(duì)話框的實(shí)現(xiàn)，感興趣的朋友可以了解下2013-09-09
這篇文章主要介紹了淺談JS中this在各個(gè)場(chǎng)景下的指向，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要介紹了微信小程序開(kāi)發(fā)中所碰到問(wèn)題集錦，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2023-01-01
簡(jiǎn)易版本JSON.stringify的實(shí)現(xiàn)及其六大特性詳解
最近做項(xiàng)目發(fā)現(xiàn)JSON.stringify()使用場(chǎng)景真的挺多,我們都知道JSON.stringify()的作用是將JavaScript對(duì)象轉(zhuǎn)換為JSON字符串,下面這篇文章主要給大家介紹了JSON.stringify的實(shí)現(xiàn)及其六大特性的相關(guān)資料,需要的朋友可以參考下2021-10-10