jQuery簡(jiǎn)單實(shí)現(xiàn)iframe的高度根據(jù)頁面內(nèi)容自適應(yīng)的方法
更新時(shí)間：2016年08月01日 09:07:15 作者：Quber
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)iframe的高度根據(jù)頁面內(nèi)容自適應(yīng)的方法,給出了2種簡(jiǎn)單實(shí)現(xiàn)方法,涉及jQuery針對(duì)頁面高度的動(dòng)態(tài)獲取與設(shè)置相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery簡(jiǎn)單實(shí)現(xiàn)iframe的高度根據(jù)頁面內(nèi)容自適應(yīng)的方法。分享給大家供大家參考，具體如下：
方式1：
//注意：下面的代碼是放在和iframe同一個(gè)頁面中調(diào)用
$("#iframeId").load(function () {
var mainheight = $(this).contents().find("body").height() + 30;
$(this).height(mainheight);
});
方式2：
//注意：下面的代碼是放在iframe引用的子頁面中調(diào)用
$(window.parent.document).find("#iframeId").load(function () {
var main = $(window.parent.document).find("#iframeId");
var thisheight = $(document).height() + 30;
main.height(thisheight);
});
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery操作iframe技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jquery中Ajax用法總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jquery解析json格式數(shù)據(jù)的方法(對(duì)象、字符串)
這篇文章主要介紹了jquery解析json格式數(shù)據(jù)的方法,包括針對(duì)json對(duì)象及json字符串的解析技巧,并附帶了完整的jQuery解析json數(shù)據(jù)示例,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
jquery實(shí)現(xiàn)彈出窗口效果的實(shí)例代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)彈出窗口效果的實(shí)例代碼。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
在easyUI開發(fā)中，出現(xiàn)jquery.easyui.min.js函數(shù)庫問題的解決辦法
easyUI是jquery的一個(gè)插件，是民間的插件，easyUI使用起來很方便，里面有網(wǎng)頁制作的最重要的三大方塊：javascript代碼、html代碼和Css樣式，但是很容易出現(xiàn)jquery.easyui.min.js函數(shù)庫問題，小編教大家如何解決問題，需要的朋友可以參考下2015-09-09
jQuery EasyUI之驗(yàn)證框validatebox實(shí)例詳解
本文通過實(shí)例代碼給大家講解了jQuery EasyUI之驗(yàn)證框validatebox知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-04-04
jquery實(shí)現(xiàn)網(wǎng)站列表切換效果的2種方法
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)網(wǎng)站列表切換效果的2種方法，供大家參考，感興趣的小伙伴們可以參考一下2016-08-08
jQuery 入門級(jí)學(xué)習(xí)筆記及源碼
本周公司技術(shù)講座輪到我了，準(zhǔn)備說說現(xiàn)在流行的jQuery，下面是概要提綱，關(guān)鍵是看custom.js，已上傳源碼，程序中“//##”是分段用的，大家可以根據(jù)每一段取消注釋，然后找到相應(yīng)的id或class名查看效果。2010-01-01
基于jQuery實(shí)現(xiàn)左側(cè)菜單欄可折疊功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)左側(cè)菜單欄可折疊功能，介紹菜單折疊過程中三種變換形式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
用jQuery實(shí)現(xiàn)圓點(diǎn)圖片輪播效果
在頁面的指定位置實(shí)現(xiàn)的圖片自動(dòng)的左右輪流切換展示效果，當(dāng)點(diǎn)擊圖片左下的標(biāo)簽(或中間的小圓點(diǎn))切換到對(duì)應(yīng)的圖片。接下來通過本文給大家分享用jQuery實(shí)現(xiàn)圓點(diǎn)圖片輪播效果實(shí)例代碼，需要的朋友參考下2017-03-03
JQEasy-ui在IE9以下版本中二次加載的問題分析及處理方法
之前項(xiàng)目中才用了Easy-ui，但是在同時(shí)使用tree和grid的效果時(shí)，因?yàn)轫撁嬗袀z個(gè)URL,分別為Ajax樹去后臺(tái)取數(shù)據(jù)和Grid取數(shù)據(jù)，在IE9以上以及其他瀏覽器里都沒有問題，在Ie低版本時(shí)會(huì)出現(xiàn)先加載表格，然后一閃而過加載樹渲染頁面，造成頁面只有tree數(shù)據(jù)而沒有表格grid數(shù)據(jù)。2014-06-06
本文主要介紹 jquery 屬性選擇器的知識(shí)，這里有簡(jiǎn)單實(shí)現(xiàn)代碼和實(shí)例講解，有需要的小伙伴可以參考下2016-09-09