请问如何动态控制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
社区公告
暂无公告