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

Question

代码可能如下所示：

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

和abc.htm是我可以控制的，现在我想知道iframe在页面index.htm中的位置，我该怎么办？我无法在index.htm中编码。

我使用window.parent，但我无法获得顶级窗口，因为跨域问题，我该怎么做才能实现目标？

非常感谢！

Answer 1

这是使用JavaScript在顶部和左侧获取元素位置的方法。

只需向您的iframe添加ID，或者如果您不想，请使用document.querySelector()选择该ID。

<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);