Fatal编程技术网
  • javascript/
  • Javascript没有调整iframe的大小

Javascript没有调整iframe的大小

javascript jquery html css iframe

Javascript没有调整iframe的大小,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我似乎无法调整此iframe的大小 <body> <script type="text/javascript"> function setIframe(src, iwidth, iheight) { var cFrame = document.getElementById('contentFrame'); cFrame.src = src; cFrame.width = iwi

我似乎无法调整此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>


函数setIframe（src、iwidth、iheight）{
var cFrame=document.getElementById（'contentFrame'）；
cFrame.src=src；
cFrame.width=i宽度；
cFrame.height=iheight；
}
开始
设置
为了简单起见，我没有包括一些包装器div，因为它们只用于样式。但是，上面的两个外部div位于flexbox的div中，因此它们是水平显示的，而不是每个都占据整个水平空间。我将content div设置为100%的宽度，将第一个div设置为固定宽度。如您所见，iframe也以硬编码的固定宽度/高度内联开始。还要注意，为iframe重新设置src在js函数中起作用，而不是宽度和高度

Thx

您拥有覆盖宽度和高度属性的内联样式

如果删除内联样式，它应该可以工作


函数setIframe（src、iwidth、iheight）{
var cFrame=document.getElementById（'contentFrame'）；
cFrame.src=src；
cFrame.width=i宽度；
cFrame.height=iheight；
}
开始
设置
您应该更改iframe的样式（CSS）：


函数setIframe（src、iwidth、iheight）{
var cFrame=document.getElementById（'contentFrame'）；
cFrame.src=src；
cFrame.style.width=iwidth+'px'；
cFrame.style.height=iheight+‘px’；
}
开始
设置
既然您的标签中有jQuery，我假设您愿意用jQuery的方式来完成它

$('#myframe').width('900');
$('#myframe').height('800');
如果你不想使用jQuery，@Flink博士的答案是正确的

我相信我的处境就是这样。我把第二个div涂成灰色，这样我就可以看到它有多大的空间，它有足够的空间来接受irame的新尺寸，但它不会调整大小。哎呀，当然这就是问题所在。我写了很多jQuery，但都是用js做的，因为它很简单，但是忘记了dom对象的样式部分。谢谢。我会把这个标记为接受，另一个标记为帮助你的答案是完全正确和有帮助的，只是认为另一个回答是js术语，这就是我决定这样做的原因。你说得对，我通常使用jquery。下次可能会。