js 如何算出 iframe src 內容的正確高度？ via instagram

Question

事由
我想利用 iframe 並搭配 instagram 引入到自己的網站中。但遲遲無法破解「算出」該 content 的高度問題

代碼

<iframe src="https://www.instagram.com/p/BoEDAZMHW2R/embed/" allowtransparency="true" frameborder="0" scrolling="no"></iframe>

寬度可以設置，但是高度是不可預期，因為不知道該 content 的圖片和影片的大小，完全是未知數：https://www.instagram.com/p/B...

所以想問說 js 是否有辦法實現獲取到 SRC 的內容高度，並回傳給 iframe 的 height ？

可用何種函數或有範例可以參考？

Answer 1

你可以试试在iframe的onload事件里面预加载完后获取文档内部元素的总宽高。

然后通过document.getElementsById('你的iframe').contentWindow.document.getElementById('你需要的元素')获取到页面元素的高