基于jquery的兼容各種瀏覽器的iframe自適應(yīng)高度的腳本
更新時間：2010年08月13日 23:18:10 作者：
在網(wǎng)上找了很多的iframe自適應(yīng)高度的腳本，對瀏覽的的兼容性都不好。所以就想利用jquery強大的兼容性，寫一個iframe自適應(yīng)高度的腳本。
jquery很強大，代碼很簡單：
$("#iPersonalInfo").load(function() {
$(this).height($(this).contents().height());
})
有一點需要注意的，我也在調(diào)試的時候才發(fā)現(xiàn)的，耽誤了不少時間。就是綁定事件必須在iframe加載完畢之前綁定，否則不會執(zhí)行。
以下是jQuery,load事件的概述
在每一個匹配元素的load事件中綁定一個處理函數(shù)。
如果綁定給window對象，則會在所有內(nèi)容加載后觸發(fā)，包括窗口，框架，對象和圖像。如果綁定在元素上，則當(dāng)元素的內(nèi)容加載完畢后觸發(fā)。
注意:只有當(dāng)在這個元素完全加載完之前綁定load的處理函數(shù),才會在他加載完后觸發(fā)。如果之后再綁定就永遠不會觸發(fā)了。所以不要在$(document).ready()里綁定load事件，因為jQuery會在所有DOM加載完成后再綁定load事件。
復(fù)制代碼 代碼如下:
$("#iPersonalInfo").load(function() {
$(this).height($(this).contents().height());
})
有一點需要注意的，我也在調(diào)試的時候才發(fā)現(xiàn)的，耽誤了不少時間。就是綁定事件必須在iframe加載完畢之前綁定，否則不會執(zhí)行。
以下是jQuery,load事件的概述
在每一個匹配元素的load事件中綁定一個處理函數(shù)。
如果綁定給window對象，則會在所有內(nèi)容加載后觸發(fā)，包括窗口，框架，對象和圖像。如果綁定在元素上，則當(dāng)元素的內(nèi)容加載完畢后觸發(fā)。
注意:只有當(dāng)在這個元素完全加載完之前綁定load的處理函數(shù),才會在他加載完后觸發(fā)。如果之后再綁定就永遠不會觸發(fā)了。所以不要在$(document).ready()里綁定load事件，因為jQuery會在所有DOM加載完成后再綁定load事件。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了jQuery經(jīng)過一段時間自動隱藏指定元素的方法,實例分析了兩種比較常用的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了jQuery中:empty選擇器用法,實例分析了:empty選擇器的功能、定義及匹配空元素的用法技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jQuery解析XML 實例詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09
jQuery中的for循環(huán)var與let的區(qū)別
這篇文章主要介紹了jQuery中的for循環(huán)var與let的區(qū)別 ,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-04-04
jquery調(diào)整表格行tr上下順序?qū)嵗v解
這篇文章主要為大家介紹了jquery調(diào)整表格行tr上下順序?qū)嵗?，具有一定的參考價值，感興趣的朋友可以參考一下2016-01-01
使用過Prototype.js的同學(xué)知道$(xx)調(diào)用后返回的是HTMLElement或其集合。2011-06-06
jQuery.form.js插件不能解決連接超時(timeout)的原因分析及解決方法
jQuery.form.js是一個form插件，支持ajax表單提交和ajax文件上傳。最近在使用jquery.form.js提交包含文件的表單時，當(dāng)碰上網(wǎng)速較慢時，而我們又設(shè)置了timeout時我們的頁面會死在這里，怎么回事呢，下面腳本之家小編給大家解答下2016-10-10
jQuery對表單的操作代碼集合，學(xué)習(xí)jquery的朋友可以參考下。2011-04-04
jQuery Attributes(屬性)的使用(一、屬性篇)
本系列文章主要講述jQuery框架的屬性(Attributes)使用方法，文章分為：屬性篇、類篇、Html代碼篇&文本篇、值篇共4篇文章。2009-12-12
jQuery中將json數(shù)據(jù)顯示到頁面表格的方法
今天小編就為大家分享一篇jQuery中將json數(shù)據(jù)顯示到頁面表格的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-05-05