社区
JavaScript
帖子详情
请问如何动态控制iframe的宽
zjjhfwh
2003-05-26 01:51:20
我想让一iframe的宽200 按一按钮改成500 要如何做?
请大家帮帮忙!
...全文
60
9
打赏
收藏
请问如何动态控制iframe的宽
我想让一iframe的宽200 按一按钮改成500 要如何做? 请大家帮帮忙!
复制链接
扫一扫
分享
转发到动态
举报
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里面的情况。
JS动态添加
iframe
的代码
另外,动态添加
iframe
还可以与CSS结合,来控制
iframe
的样式。例如,可以设置
iframe
的
宽
高、边框样式等,使其更好地融入到页面的整体设计中。 最后,当不需要
iframe
时,应该及时将其从文档中移除,释放相关资源。...
springmvc+jdbc+mysql+bootstrap整合,提取sql到xml,使用
iframe
实现上下、左右分栏
通过设置
IFRAME
的
宽
高和src属性,可以在一个页面中展示多个独立的内容区域,实现内容的并列显示。 综上所述,这个项目展示了如何利用SpringMVC处理Web请求,通过JDBC与MySQL进行数据交互,同时结合Bootstrap优化...
如何
动态控制
IFrame
的长和
宽
主页面要放置一个
IFrame
用于嵌套显示子页面的信息,但是子页面的数据多少不一,导致子页面可能会很长或很短,要
动态控制
IFrame
的高低随子页面的长短而变化。主页面如下: New Document 子页面只需要做如下处理即可:...
iframe
(2) --- 动态设置
iframe
高度
iframe
动态设置
iframe
高度
vue
iframe
宽
高自适应
获取窗口的
宽
高,然后将相应值赋值给
iframe
&amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;div&amp;amp;gt; &amp;amp;lt;
iframe
ref=&amp;quot;
iframe
&...
JavaScript
87,996
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章