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