• 主页

请问如何动态控制iframe的宽

zjjhfwh 2003-05-26 01:51:20
我想让一iframe的宽200 按一按钮改成500 要如何做?

请大家帮帮忙!
...全文
7 点赞 收藏 9
写回复
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里面的情况。
 回复 点赞
发动态
发帖子
JavaScript
创建于2007-09-28

5.1w+

社区成员

22.3w+

社区内容

Web 开发 JavaScript
社区公告
暂无公告