兼容主流瀏覽器的iframe自適應(yīng)高度js腳本
更新時間:2014年01月10日 17:42:02 作者:
兼容主流瀏覽器的 iframe 自適應(yīng)高度,很實用的,具體的js腳本如下,感興趣的朋友可不要錯過
兼容主流瀏覽器的 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)用方法:
<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);
}
復(fù)制代碼 代碼如下:
//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>
擴展:
復(fù)制代碼 代碼如下:
//動態(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)于div自適應(yīng)高度/左右高度自適應(yīng)一致的js代碼
- JS實現(xiàn)iframe自適應(yīng)高度的方法示例
- JS實現(xiàn)很實用的對聯(lián)廣告代碼(可自適應(yīng)高度)
- JS實現(xiàn)自適應(yīng)高度表單文本框的方法
- js實現(xiàn)iframe自動自適應(yīng)高度的方法
- 使用javascript實現(xiàn)Iframe自適應(yīng)高度
- js控制iframe的高度/寬度讓其自適應(yīng)內(nèi)容
- JavaScript 處理Iframe自適應(yīng)高度(同或不同域名下)
- Javascript 文本框textarea高度隨內(nèi)容自適應(yīng)增長收縮
- js實現(xiàn)的真正的iframe高度自適應(yīng)(兼容IE,FF,Opera)
- JS實現(xiàn)DIV高度自適應(yīng)窗口示例
相關(guān)文章
javascript實現(xiàn)漂亮的拖動層,窗口拖拽特效
一個可關(guān)閉、可隨意拖動位置的網(wǎng)頁彈出層代碼,美化的相當(dāng)漂亮,簡潔實用,還可拖動改變大小,通過八個方向改變大小,學(xué)習(xí)這類特效編寫的網(wǎng)頁設(shè)計者可參閱一下2015-04-04關(guān)于JavaScript中parseInt()的一個怪異行為解決
parseInt()是內(nèi)置的?JS?函數(shù),用于解析數(shù)字字符串中的整數(shù),下面這篇文章主要給大家介紹了關(guān)于JavaScript中parseInt()的一個怪異行為解決,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12關(guān)于Mozilla瀏覽器不支持innerText的解決辦法
在各大瀏覽器中,除Mozilla瀏覽器外,幾乎都支持一個元素的屬性:innerText。我們可以通過它來快速獲取某個元素的內(nèi)的文本。2011-01-01為JavaScript提供睡眠功能(sleep) 自編譯JS引擎
如何在js中讓函數(shù)睡眠多少秒? 經(jīng)常會有Javascript初學(xué)者提出這樣的問題,自從js出現(xiàn)以來.2010-08-08JS實現(xiàn)仿FLASH效果的豎排導(dǎo)航代碼
這篇文章主要介紹了JS實現(xiàn)仿FLASH效果的豎排導(dǎo)航代碼,涉及JavaScript基于定時函數(shù)動態(tài)設(shè)置頁面元素樣式的技巧,具有FLASH變換效果,需要的朋友可以參考下2015-09-09easyui關(guān)于validatebox實現(xiàn)多重規(guī)則驗證的方法(必看)
下面小編就為大家?guī)硪黄猠asyui關(guān)于validatebox實現(xiàn)多重規(guī)則驗證的方法(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04