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外部来源的情况。

如何在iframe中更改iframe宽度？

2 个答案: