请问如何动态控制iframe的宽

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

请大家帮帮忙!
...全文
60 9 打赏 收藏 转发到动态 举报
AI 作业
写回复
用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里面的情况。

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧