在父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内部的内容进行交互，反之亦然。