基于jquery的兼容各種瀏覽器的iframe自適應(yīng)高度的腳本
更新時間：2010年08月13日 23:18:10 作者：
在網(wǎng)上找了很多的iframe自適應(yīng)高度的腳本，對瀏覽的的兼容性都不好。所以就想利用jquery強(qiáng)大的兼容性，寫一個iframe自適應(yīng)高度的腳本。
jquery很強(qiáng)大，代碼很簡單：
$("#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ā)。如果之后再綁定就永遠(yuǎn)不會觸發(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ā)。如果之后再綁定就永遠(yuǎn)不會觸發(fā)了。所以不要在$(document).ready()里綁定load事件，因為jQuery會在所有DOM加載完成后再綁定load事件。
您可能感興趣的文章:
相關(guān)文章
本篇文章主要介紹了jQuery實現(xiàn)移動端Tab選項卡效果的實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
jQuery實現(xiàn)動態(tài)添加和刪除一個div
我想做一個可以動態(tài)添加刪除div的功能。中間遇到一個問題，最后在網(wǎng)友的熱心幫助下解決了，使用到的jquery方法和思想就是：事件的綁定和銷毀(unbind)2015-08-08
jQuery插件windowScroll實現(xiàn)單屏滾動特效
本文給大家分享的是一個使用jQuery插件windowScroll實現(xiàn)的單屏滾動的特效，主要參考搜狗瀏覽器4.2版本首頁的上下滾動效果。主要實現(xiàn)整個窗口的上下和左右滾動邏輯，非常的實用。2015-07-07
這篇文章主要介紹了基于JQuery制作可編輯的表格特效，一共給出了2種解決方案，小伙伴們能看出來哪種方案更合理嗎？2014-12-12
Jquery 模板數(shù)據(jù)綁定插件的使用方法詳解
本篇文章是對在Jquery中模板數(shù)據(jù)綁定插件的使用方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-07-07
JQueryMiniUI按照時間進(jìn)行查詢的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫QueryMiniUI按照時間進(jìn)行查詢的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
下面小編就為大家?guī)硪黄狫Query 傳送中文亂碼問題的簡單解決辦法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
jquery實現(xiàn)兩邊飄浮可關(guān)閉的對聯(lián)廣告
可關(guān)閉的左右兩邊漂浮的對聯(lián)廣告代碼jquery特效，寬屏分辨率大于1024px才顯示，當(dāng)用戶點擊關(guān)閉按鈕可以單獨關(guān)閉自己一邊的漂浮的對聯(lián)廣告代碼，juqery對聯(lián)廣告效果感興趣的朋友一起學(xué)習(xí)吧2015-11-11
jQuery插件FusionCharts繪制的3D環(huán)餅圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的3D環(huán)餅圖效果,結(jié)合完整實例形式分析了jQuery使用FusionCharts載入xml格式數(shù)據(jù)繪制圖形的操作步驟與相關(guān)實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-04-04
jQuery 獲取URL的GET參數(shù)值的小例子，需要的朋友可以參考一下2013-04-04