jquery - 在父 iframe 上应用更改

Question

我有一个像这样的 iframe。

<iframe id="test" src="test.html">

</iframe>

在我的test.html我想添加一个脚本来改变 iframe 的宽度和高度。

<script>
    $(document).ready(function() {
       $('#test').attr("width", "510px");
   });
</script>

但它不起作用。

Answer 1

您需要inside在 iframe html 页面中执行类似的操作。

宽度：

<script>
    window.parent.document.getElementById("test").width = 900;
</script>

高度：

<script>
    window.parent.document.getElementById("test").height = 900;
</script>

Answer 2

在 IFrame 中，您可以使用以下代码段调整 IFrame 的大小：

<script>
    parent.document.getElementById('test').style.width = "510px";
</script>

请注意，当您进入 IFrame 时，您会遇到浏览器安全沙盒，这可能会导致从 iframe 外部与 iframe 内的内容交互时出现问题，反之亦然。