jQuery是一個優秀的JavaScript框架,可以方便地操作DOM對象,包括父窗口高度的設置。
$(function() { var height = $('#myDiv').height(); // 獲取myDiv的高度 // 將父窗口的高度設置為myDiv的高度 window.parent.document.getElementById('myIFrame').style.height = height + 'px'; });
在上述代碼中,首先通過jQuery獲取到元素myDiv的高度,并將其存儲在變量height中。然后通過純JavaScript代碼獲取父窗口中的iframe元素,并將其高度設置為變量height的值。最后,將單位px連接在變量height的末尾,保證設置高度的正確性。
通過使用以上代碼片段,可以輕松地設置父窗口的高度,并實現頁面的自適應。