永发信息网

关于网页制作的iframe的问题

答案:1  悬赏:50  手机版
解决时间 2021-08-12 09:31
  • 提问者网友:niaiwoma
  • 2021-08-11 09:20

请问1.html的iframe的高度如何随着2.html的表格的高度变大而变大?不用滚动条!看起来像是在一个页面做的!

1.html

<body>
<iframe src="youqingf.asp" width="800" frameborder="0" height="100" scrolling="no"></body>

2.html

<body>
<table width="800" border="0" cellspacing="0" cellpadding="5">
  <tr>
    <td>html</td>
  </tr>
  <tr>
    <td>html</td>
  </tr>
</table>
</body>
</html>

最佳答案
  • 五星知识达人网友:舊物识亽
  • 2021-08-11 10:19

iframe的大小不能auto,所以得使用JS,分别给iframe和table加上id,如:


<iframe src="youqingf.asp" width="800" frameborder="0" height="100" scrolling="no" id="a" ></iframe>


<table width="800" border="0" cellspacing="0" cellpadding="5"  id="b" >


在2.html的</table>后面加代码:


<script>
var b=document.getElementById("b")
var a=parent.document.getElementById("a")
a.style.width=b.offsetWidth+"px";
a.style.height=b.offsetHeight+"px";
</script>


我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯