Iframe跨域自適應(yīng)高度（兼容IE/Firefox）終極解決方案

創(chuàng)新互聯(lián)是一家專業(yè)從事成都網(wǎng)站建設(shè)、網(wǎng)站制作的網(wǎng)絡(luò)公司。作為專業(yè)網(wǎng)站設(shè)計(jì)公司,創(chuàng)新互聯(lián)依托的技術(shù)實(shí)力、以及多年的網(wǎng)站運(yùn)營(yíng)經(jīng)驗(yàn),為您提供專業(yè)的成都網(wǎng)站建設(shè)、成都營(yíng)銷網(wǎng)站建設(shè)及網(wǎng)站設(shè)計(jì)開發(fā)服務(wù)！

main.html在A域，被包含的iframe.html、proxy.html以及proxy.js在B域

main.html

尾部


iframe.html

文字











文字











文字











文字











文字











文字











文字











文字











文字















proxy.html

B域一個(gè)空白頁面，防止404

proxy.js

var AutoAdjustIframe=function(){

var autoSecond=1;

this.autoAdjust=function(iframeId){

setInterval(function(){

try{

var height=parseFloat(window.frames[iframeId].frames[iframeId+'-proxyiframe'].location.hash.replace(/^#/,''))||100;

document.getElementById(iframeId).style.height=height+'px';

}catch(e){};

},autoSecond);

};

var getHeight=function(){

return Math.max(document.documentElement.scrollHeight,document.body.scrollHeight,

document.documentElement.clientHeight,document.body.clientHeight);

};

/*

*設(shè)置代理頁的hash值，需要A域傳給B域hostname

*/

this.setHash=function(){

var aSearch=document.location.search.match(/hostname=([^&]+)/);

if(!!aSearch){

//設(shè)定代理頁面url

var proxyUrl='http://'+aSearch[1]+'/proxy.html';

var height=getHeight();

try{

console.log('proxyUrl:'+proxyUrl+'\nThe Iframe\'s height:'+height);

}catch(e){};

//生成代理iframe

var iframe=document.createElement('iframe');

iframe.src=proxyUrl+'#'+height;

iframe.id=window.name+'-proxyiframe';

iframe.name=window.name+'-proxyiframe';

iframe.style.display='none';

document.body.appendChild(iframe);

//動(dòng)態(tài)設(shè)置代理iframe的hash，以便重新獲取新的高度

var interval=setInterval(function(){

if(getHeight()!=height){

height=getHeight();

iframe.src=proxyUrl+'#'+height;

try{

console.log('Reloading,The Iframe\'s height:'+height);

}catch(e){};

}

},autoSecond);

}

};

};

網(wǎng)站標(biāo)題：Iframe跨域自適應(yīng)高度（兼容IE/Firefox）終極解決方案
本文URL：http://weahome.cn/article/eeoope.html