如何获取iframe的高度和宽度

Question

如何获取iframe的高度和宽度，在iframe之外执行 的脚本？

我想找到它的尺寸。

欢迎使用Javascript解决方案。

Answer 1

使用jQuery：

$('iframe').height(); 
$('iframe').width(); 

编辑 在阐述上述快速和肮脏的答案。 .height()和.width()会给你的元素的高度和宽度没有填充，边框或边距。

如果你想包括填充和边框，你将需要使用.innerHeight()和.innerWidth()。下面的示例：

$('iframe').innerHeight(); 
$('iframe').innerWidth(); 

如果你想包括填充和边界，你将需要使用.outerHeight()和.outerWidth()保证金。实施例下面：

$('iframe').outerHeight(); 
$('iframe').outerWidth(); 

链接上述方法：
https://api.jquery.com/height/
https://api.jquery.com/innerHeight/
https://api.jquery.com/outerHeight/
https://api.jquery.com/width/
https://api.jquery.com/innerWidth/
https://api.jquery.com/outerWidth/

Answer 2

使用纯javascript：

document.getElementsByTagName('iframe')[0].getAttribute('width'); 
document.getElementsByTagName('iframe')[0].getAttribute('height');