html iframe高度问题
时间: 2023-07-13 18:04:21 浏览: 136
js实现iframe自动自适应高度的方法
如果你想让一个 iframe 标签自适应高度,可以使用 JavaScript 来实现。以下是实现的步骤:
1. 获取 iframe 元素对象
```
var iframe = document.getElementById('my-iframe');
```
2. 获取 iframe 内容的高度
```
var iframeBody = iframe.contentDocument.body;
var height = iframeBody.scrollHeight;
```
3. 设置 iframe 的高度
```
iframe.style.height = height + 'px';
```
4. 监听 iframe 内容的变化,及时更新高度
```
iframeBody.addEventListener('resize', function() {
height = iframeBody.scrollHeight;
iframe.style.height = height + 'px';
});
```
注意:上述代码中的 `my-iframe` 是 iframe 标签的 id 属性值,需要根据实际情况进行修改。
阅读全文