javascript没有调整iframe的大小
我似乎无法调整这个iframe的大小
<body>
<script type="text/javascript">
function setIframe(src, iwidth, iheight) {
var cFrame = document.getElementById('contentFrame');
cFrame.src = src;
cFrame.width = iwidth;
cFrame.height = iheight;
}
</script>
<div>Getting Started
<div onclick="setIframe('login.aspx','800px','1000px');">Set Up</div>
</div>
<div id="content" style="background-color:#CCC"><iframe src="support.htm" id="contentFrame" style="width:400px;height:500px"></iframe>
</div>
为了简单起见，我没有包括几个包装div，因为它们只用于样式。然而，上面的两个外部div位于flexbox的div中，因此它们是水平显示的，而不是占据整个水平空间。我将内容div设置为100%的宽度，第一个div设置为固定宽度。如你所见，iframe也从硬编码的固定宽度/高度开始。还要注意，重置iframe的src在js函数中起作用，而不是宽度和高度。
谢谢你
共有3个答案
既然你的标签中有jQuery，我假设你愿意用jQuery的方式来做这件事。
$('#myframe').width('900');
$('#myframe').height('800');
如果你不想使用jQuery，Dr.Flink的答案是要走的路。
您有替代宽度和高度特性的内联样式。
如果您删除内联样式，它应该可以工作
<script type="text/javascript">
function setIframe(src, iwidth, iheight) {
var cFrame = document.getElementById('contentFrame');
cFrame.src = src;
cFrame.width = iwidth;
cFrame.height = iheight;
}
</script>
<div>Getting Started
<div onclick="setIframe('login.aspx','800px','1000px');">Set Up</div>
</div>
<div id="content" style="background-color:#CCC">
<iframe src="support.htm" id="contentFrame" width="400" height="500"></iframe>
</div>
您应该更改iframe的样式（CSS）：
<script type="text/javascript">
function setIframe(src, iwidth, iheight) {
var cFrame = document.getElementById('contentFrame');
cFrame.src = src;
cFrame.style.width = iwidth + 'px';
cFrame.style.height = iheight + 'px';
}
</script>
<div>Getting Started
<div onclick="setIframe('login.aspx','800px','1000px');">Set Up</div>
</div>
<div id="content" style="background-color:#CCC"><iframe src="support.htm" id="contentFrame" style="width:400px;height:500px"></iframe>
</div>-
问题内容： 我正在开发类似iGoogle的应用程序。使用iframe显示其他应用程序（在其他域上）的内容。 如何调整iframe的大小以适合iframe内容的高度？ 我试图破译Google使用的javascript，但它被混淆了，到目前为止，在网络上搜索毫无结果。 更新： 请注意，内容是从其他域加载的，因此适用同源策略。 问题答案： 我们遇到了这类问题，但与您的情况略有不同我们向其他域上的网站提供
-
我需要一个有2个IFRAME的布局，在屏幕上可以通过javascript切换而不刷新内容（它们只是改变位置），并且可以调整列的大小。在移动设备上，它们应该是100%宽度堆叠的。 此处绘制示例 [请参阅此处的codepen：][2][2]:https://codepen.io/az3l10/pen/vygvmep 我的问题是，由于DIV位置是绝对的，我不能调整列的大小，如果我改变了位置，我不能切换。
-
这是我的iframe它在一个有按钮的div里面 这里我需要的是我的代码，它将改变iframe的大小，它的src链接是size。但正如您所看到的，id为“mydiv”的mydiv具有样式宽度，而高度是自动的。当我使窗口变大时，我需要我的代码在宽度和高度上都是100%全宽，div是大小增加的，但iframe并没有改变，因为它有固定的大小。 我已经试过了 但是它不能正常工作。无论是iframe是一团糟，
-
我一直在尝试学习按钮，但它拒绝调整大小。按钮1（下面的代码）只占据了整个屏幕。我看到其他帖子的问题是他们没有使用 但是我正在使用它，它仍然不工作！我还没有制作JPanel。这是我的JFrame： 我的主要课程简单明了:
-
我有一个cardlayout JPanel，里面是一个JScrollPane，里面是一个springlayout JPanel。springlayout JPanel从上到下动态添加JPanel，但是当JButtons超出JPanel时，JScrollPane无法容纳额外的内容。此外，尽管添加了内容，springlayout JPanel的高度仍然保持为0。将Resizeable属性设置为true
-
我有一个matplotlib图，嵌入了一个wxpython框架中，带有一些尺寸标注器。在我加入一个传奇之前，一切都很好，但随后施胶器似乎没有与传奇一起工作。 即使通过在拐角处拖动来调整窗口的大小，主图形也会改变大小，但只会显示图例的边缘。 也就是说，请注意，图例在wxFrame中不可见。 编辑： 对于对我有用的解决方案，我希望它在程序自动绘制图形时看起来很好，这样调整参数可以在程序中硬编码，或者，