兼容主流瀏覽器的iframe自適應(yīng)高度js腳本

更新時(shí)間：2014年01月10日 17:42:02 作者：

兼容主流瀏覽器的 iframe 自適應(yīng)高度，很實(shí)用的，具體的js腳本如下，感興趣的朋友可不要錯(cuò)過(guò)

兼容主流瀏覽器的 Iframe 自適應(yīng)高度，js腳本如下：

 
//iframe 高度自適應(yīng) 
function iframeAutoFit(iframeObj) { 
setTimeout(function () { 
if (!iframeObj) return; 
iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight); 
}, 200); 
}<span style="font-family: Arial, Helvetica, sans-serif;"> </span> 

調(diào)用方法：

復(fù)制代碼代碼如下:

 
<iframe id="HQRight" name="HQRight" onload="javascript:iframeAutoFit(this);" 
height="235px;" width="770px" frameborder="0" scrolling="no" 
src="Market/HQData_page.aspx?t=tjs"></iframe> 

擴(kuò)展：

復(fù)制代碼代碼如下:

 
//動(dòng)態(tài)添加樣式 
function addSheetFile(obj, path) { 
if (obj == undefined || obj == null) 
obj = document; 

var fileref = obj.createElement("link") 
fileref.rel = "stylesheet"; 
fileref.type = "text/css"; 
fileref.href = path; 
fileref.media = "screen"; 
var headobj = obj.getElementsByTagName('head')[0]; 
headobj.appendChild(fileref); 
} 

您可能感興趣的文章:

相關(guān)文章

innerHTML在IE中報(bào)錯(cuò)解決方案
這篇文章主要介紹了innerHTML在IE中報(bào)錯(cuò)解決方案,需要的朋友可以參考下
2014-12-12
淺析JavaScript中var that=this
this是Javascript語(yǔ)言的一個(gè)關(guān)鍵字。它代表函數(shù)運(yùn)行時(shí)，自動(dòng)生成的一個(gè)內(nèi)部對(duì)象，只能在函數(shù)內(nèi)部使用。接下來(lái)通過(guò)本文給大家分享JavaScript中var that=this所代表的意思，需要的朋友參考下吧
2017-02-02
詳解package.json版本號(hào)規(guī)則
這篇文章主要介紹了詳解package.json版本號(hào)規(guī)則，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
JS實(shí)現(xiàn)數(shù)組刪除指定元素功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)數(shù)組刪除指定元素功能,涉及javascript數(shù)組遍歷、排序、判斷等相關(guān)操作技巧,需要的朋友可以參考下
2019-06-06
判斷iframe里的頁(yè)面是否加載完成
這篇文章主要介紹了通過(guò)js來(lái)判斷iframe里的頁(yè)面是否加載完成,需要的朋友可以參考下
2014-06-06
淺談js中的attributes和Attribute的用法與區(qū)別
這篇文章主要介紹了淺談js中的attributes和Attribute的用法與區(qū)別，attributes可以獲取一個(gè)對(duì)象中的一個(gè)屬性，attributes 屬性返回指定節(jié)點(diǎn)屬性的集合，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
自定義排序算法在JavaScript中的應(yīng)用
這篇文章主要介紹了自定義排序算法在JavaScript中的應(yīng)用,通過(guò)自定義排序函數(shù),我們能夠精確控制數(shù)組元素的排序邏輯,從而滿(mǎn)足各種復(fù)雜的應(yīng)用場(chǎng)景,需要的朋友可以參考下
2024-12-12
一文搞懂ES6中的Map和Set
這篇文章主要介紹了ES6中的Map和Set，本文給大家提到了map和object的區(qū)別 ,需要的朋友可以參考下
2019-05-05
微信小程序獲取手機(jī)系統(tǒng)信息的方法【附源碼下載】
這篇文章主要介紹了微信小程序獲取手機(jī)系統(tǒng)信息的方法,涉及微信小程序wx.getSystemInfo函數(shù)的簡(jiǎn)單使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
2017-12-12
微信小程序?qū)崙?zhàn)之自定義toast（6）
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崙?zhàn)之自定義toast的相關(guān)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04