gpt4 book ai didi

Javascript 没有调整 iframe 的大小

转载 作者:行者123 更新时间:2023-11-30 12:02:00 25 4
gpt4 key购买 nike

我似乎无法调整此 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 函数中有效,而不是宽度和高度。

谢谢

最佳答案

您应该更改 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>

关于Javascript 没有调整 iframe 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36427478/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com