让子页面调整父级而不调用父托管脚本？

Question

我目前在同一个域上有两个html页面，一个服务器托管页面和一个客户端托管页面。

服务器页面有一个iframe来源客户页面。

我希望根据子页面内容调整父页面iframe的大小。为了实现这一点，我有两个页面上的javascript。客户端（子）页面确定它的维度，然后调用在父页面上定义的函数，该函数调整iframe的大小（很可能让这个相同的脚本仅位于父页面上以完成此操作...）。

客户端页面是否可以在不调用父脚本的情况下直接调整父iframe的大小？

由于我们是客户端页面的所有者，如果我们可以将此代码与子页面隔离，则必须更改任何代码，这样就不那么痛苦了。

Answer 1

是;您可以使用子页面中的window.frameElement property来获取托管子页面的父页面中的<iframe>元素。

因此，您可以将调整大小代码从父页面移动到子页面并调整window.frameElement的大小。