天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

Iframe 自適應高度并實時監控高度變化的js代碼

google N次 + 百度M次 + 試驗了1605次之后(聽說農藥1605就是實驗了這么多次后出來的),得出下面成果,在IE7及Firefox3里試了下還能湊合著用用!
1、首先給出個Iframe。
復制代碼 代碼如下:
<iframe id="ifrm"
marginheight="0"
marginwidth="0"
height="100"
width="1000"
frameborder="0"
scrolling="no"
src="xxxxx.html">
</iframe>

2、然后看看怎么獲取Iframe中的頁面的高度。
其實最麻煩的就是怎么讓獲取的高度準確,不同的方式不同的瀏覽器中獲取到的值都會不一樣!暈啊~~。參考了多方意見得出以下Javascript函數(doc參數為window.document對象):
復制代碼 代碼如下:
function getDocHeight(doc)
{
//在IE中doc.body.scrollHeight的可信度最高
//在Firefox中,doc.height就可以了
var docHei = 0;
var scrollHei;//scrollHeight
var offsetHei;//offsetHeight,包含了邊框的高度
if (doc.height)
{
//Firefox支持此屬性,IE不支持
docHei = doc.height;
}
else if (doc.body)
{
//在IE中,只有body.scrollHeight是與當前頁面的高度一致的,
//其他的跳轉幾次后就會變的混亂,不知道是依照什么取的值!
//似乎跟包含它的窗口的大小變化有關
if(doc.body.offsetHeight) docHei = offsetHei = doc.body.offsetHeight;
if(doc.body.scrollHeight) docHei = scrollHei = doc.body.scrollHeight;
}
else if(doc.documentElement)
{
if(doc.documentElement.offsetHeight) docHei = offsetHei = doc.documentElement.offsetHeight;
if(doc.documentElement.scrollHeight) docHei = scrollHei = doc.documentElement.scrollHeight;
}
/*
docHei = Math.max(scrollHei,offsetHei);//取最大的值,某些情況下可能與實際頁面高度不符!
*/
return docHei;
}

3、最后修改Iframe的高度,并用一個定時器來不間斷檢查它包含的頁面的高度變化。
復制代碼 代碼如下:
function doReSize()
{
var iframeWin = window.frames['ifrm'];
var iframeEl = window.document.getElementById? window.document.getElementById('ifrm'): document.all? document.all['ifrm']: null;
if ( iframeEl && iframeWin )
{
var docHei = getDocHeight(iframeWin.document);
if (docHei != iframeEl.style.height) iframeEl.style.height = docHei + 'px';
}
else if(iframeEl)
{
var docHei = getDocHeight(iframeEl.contentDocument);
if (docHei != iframeEl.style.height) iframeEl.style.height = docHei + 'px';
}
}
function runResizeTask()
{
doReSize();
setTimeout("runResizeTask()",500);//每隔半秒執行一次
}
runResizeTask();

在這里就沒有去考慮被包含的頁面中是否有折疊、隱藏/展現的情況了!
完整js代碼
復制代碼 代碼如下:
<script language="Javascript" type="text/Javascript">
function getDocHeight(doc){
//在IE中doc.body.scrollHeight的可信度最高
//在Firefox中,doc.height就可以了
var docHei = 0;
var scrollHei;//scrollHeight
var offsetHei;//offsetHeight,包含了邊框的高度

if (doc.height){
//Firefox支持此屬性,IE不支持
docHei = doc.height;
}
else if (doc.body){
//在IE中,只有body.scrollHeight是與當前頁面的高度一致的,
//其他的跳轉幾次后就會變的混亂,不知道是依照什么取的值!
//似乎跟包含它的窗口的大小變化有關
if(doc.body.offsetHeight) docHei = offsetHei = doc.body.offsetHeight;
if(doc.body.scrollHeight) docHei = scrollHei = doc.body.scrollHeight;
}
else if(doc.documentElement){
if(doc.documentElement.offsetHeight) docHei = offsetHei = doc.documentElement.offsetHeight;
if(doc.documentElement.scrollHeight) docHei = scrollHei = doc.documentElement.scrollHeight;
}
/*
docHei = Math.max(scrollHei,offsetHei);//取最大的值,某些情況下可能與實際頁面高度不符!
*/
return docHei;
}
function doReSize(){
var iframeWin = window.frames['Main'];
var iframeEl = window.document.getElementById? window.document.getElementById('Main'): document.all? document.all['Main']: null;
if ( iframeEl && iframeWin ){
var docHei = getDocHeight(iframeWin.document);
if (docHei != iframeEl.style.height) iframeEl.style.height = docHei + 'px';
}
else if(iframeEl){
var docHei = getDocHeight(iframeEl.contentDocument);
if (docHei != iframeEl.style.height) iframeEl.style.height = docHei + 'px';
}
}

function runResizeTask(){
doReSize();
setTimeout("runResizeTask()",1000);//每隔1秒執行一次
}
runResizeTask();
</script>

JavaScript技術Iframe 自適應高度并實時監控高度變化的js代碼,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产精品香蕉视频在线 | 2019天天射干网站 | 国产成人无码精品久久久按摩 | 在线A亚洲老鸭窝天堂AV高清 | 第四色播日韩AV第一页 | 成人麻豆日韩在无码视频 | 美娇妻的性奴史1一4 | 国产日韩精品SUV | 女教师二十三岁 | 免费人妻无码AV不卡在线 | av色天堂2018在线观看 | 国产精品一区二区在线观看 | 亚洲在线成色综合网站 | 成人在线视频免费 | 欧美高清一区二区三 | 欧美精品九九99久久在观看 | 亚洲午夜电影 | 视频一区国产在线二区 | 精品午夜久久影视 | 小小水蜜桃视频高清在线观看免费 | 俄罗斯另类Z0Z0ZOZO | 快播h网站 | 俄罗斯6一9泑女网站 | 国产精品久久久久影院 | 幸福草电视剧演员表介绍 | 97精品在线观看 | 十大禁止安装的黄台有风险 | 国产成人无码区免费内射一片色欲 | 双腿被绑成M型调教PLAY照片 | 色宅男午夜电影网站 | 青柠在线观看免费全集 | 全黄H全肉细节文NP 全黄h全肉细节全文 | 亚洲 欧美 综合 高清 在线 | 日本高清片免费观看 | 国产AV白丝爆浆在线播放 | 日本特殊精油按摩 | 大胸美女被C得嗷嗷叫动态图 | 伊人久久一本 | 午夜福利理论片高清在线 | 亚洲中字幕永久在线观看 | 伊人影院中文字幕 |