如何在iframe中使用js獲取iframe的位置？

Question

該代碼可能看起來像這樣：

<!--index.htm-->
<iframe src="abc.htm"></iframe>

我可以控制abc.htm，現在我想知道iframe在頁面index.htm中的位置，該怎么辦？ 我無法在index.htm中進行編碼。

我使用window.parent ，但由於跨域問題我無法獲得頂部窗口，那么我該怎么做才能達到目標？

非常感謝！

Answer 1

這就是使用JavaScript獲取頂部和左側元素的位置的方法。

只需將Id添加到您的iframe如果您不願意，則可以使用document.querySelector()進行選擇。

<iframe src="abc.htm" id = "el"></iframe>

var el = document.getElementById("el");
el.innerHTML = el.offsetTop +" " +el.offsetLeft;
console.log("Top :" + el.offsetTop +" " +"Left :" +el.offsetLeft);