iframe自适应高度
时间: 2023-10-13 18:09:40 浏览: 93
JavaScript 处理Iframe自适应高度(同或不同域名下)
要使 iframe 自适应高度,可以使用 JavaScript。以下是一个示例:
1. 首先,给 iframe 添加 id 属性:
```html
<iframe id="myiframe" src="http://www.example.com"></iframe>
```
2. 然后,在 JavaScript 中获取 iframe 元素并设置其高度:
```javascript
var iframe = document.getElementById('myiframe');
iframe.onload = function() {
iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
};
```
这个代码会在 iframe 加载完成后执行。它会将 iframe 的高度设置为其内容的高度,以适应内容的大小。
阅读全文