1.内嵌得iframe引入到父页面得时候高度问题
如果有侧边栏,按理应该让侧边栏跟主页面高度保持一致;
以下代码是让内嵌得iframe得高度与内部内容得高度保持一致
var iframes = document.getElementsByTagName('iframe');
for (var i = 0, j = iframes.length; i < j; ++i) {
(function(_i) {
iframes[_i].onload = function() {
this.contentWindow.onbeforeunload = function() {
iframes[_i].style.visibility = 'hidden';
// iframes[_i].style.display = 'none';
iframes[_i].setAttribute('height', 'auto');
};
this.setAttribute('height', this.contentWindow.document.body.scrollHeight);
this.style.visibility = 'visible';
};
})(i);
}
for (var i = 0, j = iframes.length; i < j; ++i) {
(function(_i) {
iframes[_i].resize = function() {
this.contentWindow.onbeforeunload = function() {
iframes[_i].style.visibility = 'hidden';
// iframes[_i].style.display = 'none';
iframes[_i].setAttribute('height', 'auto');
};
this.setAttribute('height', this.contentWindow.document.body.scrollHeight);
this.style.visibility = 'visible';
};
})(i);
}
以下代码是让侧边栏得高度跟iframe得高度保持一直,其中childrenAside这个是我侧边栏得id
window.onresize=function(){
var height = document.getElementById("iframeContent");
document.getElementById("childrenAside").style.height=height.contentWindow.document.body.scrollHeight+100+'px';
}
window.onload=function(){
var height = document.getElementById("iframeContent");
document.getElementById("childrenAside").style.height=height.contentWindow.document.body.scrollHeight+100+'px';
}