JS动态修改iframe高度和宽度的方法

2024-05-06 16:18:06

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了JS动态修改iframe高度和宽度的方法,实例分析了javascript操作iframe属性的技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了JS动态修改iframe高度和宽度的方法。分享给大家供大家参考。具体如下：

如果希望通过按钮动态修改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>