首先HTML代码
<div class="news_list">
<iframe src="newsCenter.html" id="newsMenu" name="newsMenu" frameborder="0" width="810px" height="auto" scrolling="no"></iframe>
</div>
javascript代码(这里使用jquery,操作dom比较方便)
<script>
window.onload = function(){
function refresh(){
var childPageH = $('#newsMenu').contents().find('body').height();
$('#newsMenu').height(childPageH);
console.log(childPageH);
}
refresh();
setInterval(refresh,100)
}
</script>
延伸
- 在引入iframes框架的内部获取iframes里面的内容高度
var obj = $('#newsMenu').contents().find('.news_list_item').outerHeight();
$(function(){
var $newsTitleH = $('.news_list_item').outerHeight();
var $newsTitleN = $('.news_list_item').length;
var bodyH = $('body').height();
$(window.parent.document).find('#newsMenu').height(bodyH+'px');
var $newsTitleH = $('.news_list_item').outerHeight();
console.log($newst);
});