可以通過以下幾種方式來設置子頁面的高度:
使用CSS樣式設置子頁面的高度:
<style>
#myiframe {
height: 500px;
}
</style>
<iframe id="myiframe" src="子頁面地址"></iframe>
使用JavaScript動態設置子頁面的高度:
<script>
function setIframeHeight() {
var iframe = document.getElementById("myiframe");
var iframeBody = iframe.contentDocument.body;
var iframeHeight = iframeBody.scrollHeight;
iframe.style.height = iframeHeight + "px";
}
</script>
<iframe id="myiframe" src="子頁面地址" onload="setIframeHeight()"></iframe>
使用jQuery設置子頁面的高度:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("#myiframe").on("load", function() {
var iframeHeight = $(this).contents().find("body").height();
$(this).height(iframeHeight);
});
});
</script>
<iframe id="myiframe" src="子頁面地址"></iframe>
請將上述代碼中的"子頁面地址"替換為實際的子頁面地址。