<iframe id="stageFrame" onload="iframeLoad()" src="/home/index" style="width:100%;height:auto;overflow-x:hidden;overflow-y:hidden;"></iframe>
//根据iframe里面的内容高度动态设置iframe高度
function iframeLoad() {
var ifr = document.getElementById('stageFrame');
ifr.style.height = '700px';
var iDoc = ifr.contentDocument || ifr.contentWindow.document;
//document.body.scrollHeight
//var height = iDoc.documentElement.clientHeight || iDoc.body.clientHeight;
var height = iDoc.body.scrollHeight;//为防止iframe里面出现滚动条,可以考虑在此基础上加个100px,自己酌情决定
//console.log(iDoc.documentElement.clientHeight, iDoc.body.clientHeight);
ifr.style.height = height + 'px';
console.log(height);
}
根据iframe里面的内容高度动态设置iframe高度
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.