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