快捷導(dǎo)航

基于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)大，代碼很簡(jiǎn)單：

 
$("#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事件。

您可能感興趣的文章:

相關(guān)文章

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