iframe的高度怎么根据内容的多少来决定它具体的高度?请写清注释、谢谢
2013-09-23
展开全部
实现同域iframe高度自适应,可使用偶写的代码实现: 【aaaaa_1.html Code】<iframe id="pa_frame" src="aaaaa_2.html" frameborder="0" scrolling="no" width="100%"></iframe>
<script type="text/javascript">
window.onload=function (){
var pa_frame=document.getElementById('pa_frame');
pa_frame.style.height=pa_frame.contentWindow.document.body.scrollHeight+'px';
}
</script> 【aaaaa_2.html Code】<style type="text/css">
body{margin:0;padding:0;}
</style>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<script type="text/javascript">
window.onload=function (){
var pa_frame=document.getElementById('pa_frame');
pa_frame.style.height=pa_frame.contentWindow.document.body.scrollHeight+'px';
}
</script> 【aaaaa_2.html Code】<style type="text/css">
body{margin:0;padding:0;}
</style>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询