javascript - 如何从 iframe 中获取当前 iframe 偏移量？

Question

我希望安全限制（跨站点脚本）会阻止我这样做，但我认为询问不会受到伤害。我正在处理一个页面，该页面可能嵌入到来自不同域的另一个页面中。我对 iframe 一无所知，除了我可以预测 src 属性的一部分。我可以检测到它是否被嵌入，但我真的需要知道它嵌入的偏移量。

我正在我的页面中进行一些位置计算（在这种情况下嵌入在 iframe 中）。无论它是否嵌入在所有当前浏览器中，它都很好用，但在 IE 7 中给我带来了问题。出于某种原因，jQuery 在 IE 7 中给我的偏移量与嵌入 iframe 偏移量的确切量不同。在这种情况下，如果我能得到补偿，我可以补偿它。

提前致谢。

score 0 · Accepted Answer

你可以用 JavaScript 做到这一点。

父框架

<html>
<body>
    <iframe src="childFrame.html"></iframe>
</body>
</html>

儿童框架

<html>
<body>
   Child Frame
</body>
<script type="text/javascript">
    alert(document.parentWindow.document.body.innerHTML);
</script>
</html>

关键位在这里“document.parentWindow.document.body”。现在您有了父正文，您可以访问 HTML 并获取所需的任何属性。

反过来，您可以使用 iframe 上的 Sandbox 属性。查看下面的链接。不建议将此属性用于生产代码。

1 回答 1