郑州网站建设业务咨询热线：
0371-65349913 / 15333818157
0371-65349913 / 15333818157
本网页展示了利用javascript技术获取图片的长度和宽度，方法相对简单，但在做网站时有时候却能用到。需要各位注意的是，两幅图中第一幅图片认为地加上了width和height属性，第二幅图片没有加上width和height图片。下面，郑州网站建设公司的小编整理了javascript实现获取图片的长度和宽度功能，可供建站用户和网站建设技术人员参考。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>利用Javascript技术获取图片长度和宽度</title>
<script type="text/javascript">
function get_wh(myimg)
{
alert("width=" + myimg.width + "，" + "height=" + myimg.height);
}
</script>
</head>
<body>
<!--当设置了图片的width和height时，点击下图可以显示图片设置的长度和宽度-->
<img src="http://www.kxcom.net/images/logo.jpg" onclick="get_wh(this);" width="200" height="300" />
<!--当没有设置图片的width和height时，点击下图可以显示图片的实际长度和宽度-->
<img src="http://www.kxcom.net/images/logo.jpg" onclick="get_wh(this);" />
</body>
</html>