这是我的情况。
我有一个名为iframe.html，其中包含图像幻灯片的代码。
代码有点像
<html>
<head>
<!-- Have added title and js files (jquery, slideshow.js) etc. -->
</head>
<body>
<!-- Contains the images which are rendered as slidehow. -->
<!-- have hierarchy like 'div' inside 'div' etc. -->
</body>
</html>
用户可以使用嵌入代码将幻灯片添加到他们的博客或网站（可以来自不同的域）。假设用户必须将幻灯片嵌入index.html，他们可以通过添加以下行来添加：
<iframe id="iframe" src="path_to_iframe.html" width="480" height="320" scrolling="no" frameborder="0"></iframe>
这将带来完整的 HTML 代码iframe.html to index.html，现在我需要一种方法来访问 iframe 中的元素来调整它们的一些属性。
就像代码中一样，iframe 的宽度和高度由用户设置为某些固定尺寸。我想将幻灯片（和包含的图像）的大小调整为 iframe 容器的大小。做这个的最好方式是什么？
我尝试从以下位置访问 iframe 组件，但没有成功index.html通过类似的东西
$('#iframe').contents();
但出现错误：
类型错误：无法调用 null 的方法“内容”
所以，我想实现逻辑iframe.html幻灯片应检查父级的宽度和高度并相应地设置其高度。
我很困惑，希望我的问题对大多数人来说都是有意义的。请随时询问进一步的解释。感谢您的帮助。
此行将检索框架的整个 HTML 代码。通过使用其他方法代替innerHTML你可以遍历内部文档的 DOM。
document.getElementById('iframe').contentWindow.document.body.innerHTML
要记住的是，只有当帧源位于同一域时，这才有效。如果它来自不同的域，跨站点脚本（XSS）保护将会启动。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
