如何获取当前页面的iframe大小

时间:2011-11-17 14:09:03

标签: javascript html iframe

我有一个包含iframe的页面。我使用以下代码来获取Iframe的大小:

<script language="javascript">
function sn()
{

alert('height is now '+document.getElementById("Iframemain").height)
alert('height is now '+document.getElementById("Iframemain").width)
}
</script>
<input type="button" onClick="sn()" value="Show height/width">

我还有一个包含iframe的页面,但我不知道iframe的ID。我想知道使用javascript的iframe的大小。我该怎么办?

提前完成。

Thanx Rory McCrossan 我也尝试了以下代码,但在警告信息中获得了udefined。

<script language="javascript"> function sn() 
{

var frame = window.frames[0];
 alert(frame.width) 
 alert(frame.height)

 } 
</script>
 <input type="button" onClick="sn()" value="Show height/width"> 
</html>

2 个答案:

答案 0 :(得分:1)

如果您不知道框架的ID,并且它是页面上唯一的框架/ iframe,您可以使用以下代码:

var frame = window.frames[0];
alert('height is now ' + frame.height)
alert('width is now ' + frame.width)

如果它不是唯一的框架,则需要根据需要更改window.frames[index]

答案 1 :(得分:0)

跨域脚本编写非常困难。甚至像获得高度和宽度这样简单的东西也很难。查看this早期堆栈溢出问题以获得全面的解决方案。