跨域iframe的高度自适应

http://www.cnblogs.com/snandy/p/3900016.html

问题现象:页面中加载了一个iframe,iframe的高度要根据内容高度显示。IE下显示不正常。

解决方法:

// 计算页面的实际高度,iframe自适应会用到
function calcPageHeight(doc) {
    var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight);
    var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight);
    var height  = Math.max(cHeight, sHeight);
    return height;
}

window.onload = function() {
    var height = calcPageHeight(document);
    parent.document.getElementById('ProductCategoryFrame').style.height = height + 'px';    
};

 

posted @ 2014-08-13 18:18  水之原  阅读(169)  评论(0编辑  收藏  举报