有以下幾種方法可以實現iframe自適應高度:
<script>
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
</script>
<iframe src="example.html" onload="resizeIframe(this)"></iframe>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function() {
$('iframe').on('load', function() {
$(this).height($(this).contents().find('body').height());
});
});
</script>
<iframe src="example.html"></iframe>
height: auto
屬性,使得iframe的高度自動適應其內容的高度。<style>
iframe {
height: auto;
}
</style>
<iframe src="example.html"></iframe>
這些方法可以根據具體的需求選擇使用。