iframe高度自适应问题。
iframe引用页面的时候，高度很不好设定，因为引用的页面高度大小不一，不知道如何设置，在网上查了不少代码，不知道是不是因为不会引用的问题，一直不能实现，希望高手来帮我看...
iframe引用页面的时候，高度很不好设定，因为引用的页面高度大小不一，不知道如何设置，在网上查了不少代码，不知道是不是因为不会引用的问题，一直不能实现，希望高手来帮我看看，代码如下：
<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe>
<script>
$("#main").load(function(){
var mainheight = $(this).contents().find("body").height()+30;
$(this).height(mainheight);
});
</script> 展开
<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe>
<script>
$("#main").load(function(){
var mainheight = $(this).contents().find("body").height()+30;
$(this).height(mainheight);
});
</script> 展开
展开全部
js：
//iframe自适应里面内容的高度（需要在tomcat下运行）
function setWinHeight(obj) {
var mainFrm=obj;
if (document.getElementById) {
if (mainFrm && !window.opera) {
if (mainFrm.contentDocument && mainFrm.contentDocument.body.offsetHeight) {
mainFrm.height = mainFrm.contentDocument.body.offsetHeight + 50;
}
else if(mainFrm.Document && mainFrm.Document.body.scrollHeight) {
mainFrm.height = mainFrm.Document.body.scrollHeight + 50;
}
}
}
}
html：
<iframe class="iframe" src="default.html" id="mainFrm" name="mainFrm" frameborder="no" border="0" onload="Javascript:setWinHeight(this)" ></iframe>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
