如何更改iframe内的Iframe宽度？

Question

我有一个包含子Iframe的网页内的Iframe。我想使用jquery更改子iframe的宽度。请注意，内部iframe没有id。我该怎么做呢？(两个iframe都来自我的域)

非常感谢

<Iframe id="iframeDoc ">
   // some codes
  <Iframe>
   // another page codes

  </Iframe>
</Iframe>

我试过这些代码，但是没有人工作！

$('#iframeDoc > iframe').width("400px");

$('#iframeDoc iframe').width("400px");

$('#iframeDoc').contents().find("iframe").width("400px");

Answer 1

您可以使用contentWindow选择嵌套的iframe：

let pageiFrame = document.getElementById('iframeDoc')
let nestediFrame = pageiFrame.contentWindow.document.getElementBySelector('iframe')

pageiFrame.style.width = '400px'
nestediFrame.style.width = '400px'

Answer 2

如果您的iframe位于不同的域-这可能是有用的。

尝试查看Window.postMessage()方法。你可以在你的iframe里面使用它，在外面使用window.addEventListener('message', messageHandlerFn)。

但只有当你有可能在iframe之外修改源代码时，它才适用。