JS获取IMG图片高宽的简单实例

　　asp编程软件有哪些功能介绍asp编程软件有哪些功能和作用前段时间在LJW写的touchslider.js轮播代码里添加自适应屏幕大小的功能时，遇到一个问题。不管用什么样的方法都无法获取到IMG标签的高宽，最后只有给图片定一个高宽的比例值；趁今天有空我就写了几个demo测试了下，找了下原因；且听我细细说来，如有哪里说的不对的，欢迎拍砖～～～

　　先说第一个方法：obj.style.width；这个方法，只有在标签里用style属性写进了width的大小，才可以获取到值，否则只返回的为空。看下面的demo:

　　以上这个方法只适应用标签的style属性里添加width值，在引入的样式表中添加width值（不管是link引入还是html页面中使用style标签）也一样获取不到值，返回为空。

　　注意，现在获取到的img标签的宽，是在img标签里添加的style=”width:400px” 。如果去掉这一属性值ASP编程，那么上面demo里的imgOffsetWidth与imgClientWidth返回的值就是图片本身的高宽值。可以偿试下。

　　需要注意是的在IE6/7/8浏览器中image.src只有在img图片完全加载出来以后才获取得到，否则会报错。

　　以上这篇JS获取IMG图片高宽的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。