注册 登录
  • 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!

JS代码动态修改iframe的高度和宽度

JavaScript 水墨上仙 1940次浏览 已收录 手机上查看

如果希望通过按钮动态修改iframe的高度和宽度,可以参考下面的JS代码

<!DOCTYPE html>
<html>
<head>
<script>
function changeSize()
{
document.getElementById("myframe").height="300";
document.getElementById("myframe").width="300";
}
</script>
</head>

<body>
<iframe id="myframe" src="/default.asp" height="200" width="200">
<p>Your browser does not support iframes.</p>
</iframe>
<br><br>

<input type="button" onclick="changeSize()" value="Change size">

</body>
</html>


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明JS代码动态修改iframe的高度和宽度
喜欢 (0)
[开心洋葱]
分享 (0)
水墨上仙
关于作者:
水墨上仙
加载中……