在一些網站中,嵌入了多個iframe標簽,其中一個iframe標簽中顯示了我們想要獲取其父窗口大小的頁面。本文將講解如何使用jquery獲取頁面的父窗口大小。
首先我們需要在iframe的頁面中引入jquery庫:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
接著,我們可以使用以下代碼獲取頁面所在的父窗口大小:
var parentWidth = parent.document.documentElement.clientWidth;
var parentHeight = parent.document.documentElement.clientHeight;
我們可以打印出獲取到的父窗口大小,以驗證代碼是否正確:
console.log("父窗口的寬度為:"+parentWidth);
console.log("父窗口的高度為:"+parentHeight);
最終的代碼如下:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(function() {
var parentWidth = parent.document.documentElement.clientWidth;
var parentHeight = parent.document.documentElement.clientHeight;
console.log("父窗口的寬度為:"+parentWidth);
console.log("父窗口的高度為:"+parentHeight);
});
</script>
通過以上代碼,我們可以輕松地獲取頁面所在的父窗口大小。希望這篇文章能夠對大家有所幫助。