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

事由
我想利用 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 的內容高度,並回傳給 iframeheight

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

阅读 2.5k
1 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏