1、首先我们在桌面创建一个文件index.html，并随便截取一个桌面图片（500*250）的图片，并命名为car.gif：
2、使用代码编辑器打开index.html，贴入以下代码，然后使用浏览器查看如下所示：
3、我们妤伊佛集继续修改index.html文件，贴入以下代码：<script type="text/javascript">var img = docum髫潋啜缅ent.getElementById("img");var height = img.height;alert(height);</script>用浏览器访问，得到如下结果：
4、假如我们压缩或延长一下图片（设定百分比），那么结果会怎样呢：
5、修改index.html，贴入以下代码:function getNaturalWidth(img) { var image = new Image() image.src = img.src return image.height; } var img = document.getElementById('img'); var result = getNaturalWidth(img); alert(result);浏览器查看效果，发现显示的图片真实高度：
6、还有一种html5的高级方法，缺点是有写浏览器可能不支持：var img = document.getElementById('img'); var result = img.naturalHeight; alert(result);
7、本文讲述的是height，关于width道理是一样的，同学们可以自行脑补或练习。