兼容主流瀏覽器的iframe自適應高度js腳本

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

兼容主流瀏覽器的 iframe 自適應高度，很實用的，具體的js腳本如下，感興趣的朋友可不要錯過

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

 
//iframe 高度自適應 
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)用方法：

復制代碼代碼如下:

 
<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> 

擴展：

復制代碼代碼如下:

 
//動態(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); 
} 

您可能感興趣的文章:

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