请问如何动态控制iframe的宽

zjjhfwh 2003-05-26 01:51:20

我想让一iframe的宽200 按一按钮改成500 要如何做?

请大家帮帮忙!

...全文

76 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

zjjhfwh 2003-05-26

打赏
举报

谢谢

Estyle 2003-05-26

打赏
举报

如果一定要用SRC（不推荐），可以：
<iframe src=2.htm id=ifrm></iframe>
<script>
function redir(i)
{document.all.ifrm.src=i;}
</script>
<input id=tid>
<button onclick="redir(tid.value)">Click</button>

Estyle 2003-05-26

打赏
举报

可以改，但建议使用location.href，比如：
<iframe src=2.htm id=ifrm></iframe>
<script>
function redir(i)
{ifrm.location.href=i;}
</script>
<input id=tid>
<button onclick="redir(tid.value)">Click</button>

zjjhfwh 2003-05-26

打赏
举报

to Estyle(靳田)

能改写src吗

kingdomzhf 2003-05-26

打赏
举报

<html>
<body>
<iframe id=if1 src='w_1_inner.HTML'></iframe>
<INPUT TYPE=BUTTON VALUE=WIDTH onclick="setWidth(500)">
<script>
function setWidth(nW)
{
document.all('if1').style.width = nW;
}
</script>
</body>
</html>

hillhero789 2003-05-26

打赏
举报

好象多了个style了
哎
又记错了
晕

hillhero789 2003-05-26

打赏
举报

document.getElementById("iframe_name").style.width=[num]

Estyle 2003-05-26

打赏
举报

如果是在外面的情况就更简单了：
1.htm的代码:
<iframe src=2.htm id=ifrm></iframe>
<script>
function resize(i)
{document.all.ifrm.height=i;}
</script>
<input id=tid>
<button onclick="resize(tid.value)">Click</button>

上面是改高的情况，改宽是一样的（只不过把height改成width而已）。

至于宽200改500就更简单了：
1.htm的代码:
<iframe src=2.htm id=ifrm width=200></iframe>
<script>
function resize()
{document.all.ifrm.width=500;}
</script>
<button onclick="resize()">Click</button>

Estyle 2003-05-26

打赏
举报

1.htm的代码:
<iframe src=2.htm id=ifrm></iframe>

2.htm的代码:
<script>
function resize(i)
{parent.document.all.ifrm.height=i;}
</script>
<input id=tid>
<button onclick="resize(tid.value)">Click</button>

这个是控制控件在IFRAME里面的情况。