<html>
<head>
<script>
function allProps(obj){
// 用来保存所有的属性名称和值
var props = "";
// 开始遍历
if(typeof obj== "string"){
props =obj;
}else{
if(obj!=null&& (typeof obj =="object")){
for(var p in obj){
// 方法
if(typeof(obj[p])=="function"){
}else{
// p 为属性名称，obj[p]为对应属性的值
props+= p + "=" + obj[p] + "\r\n";
}
}
}
}
// 最后显示所有的属性
alert(props);
}
//js控制图片的显示最宽和最高值
function drawImage(ImgId,maxwidth,maxheight){
//本程序将图像控制在宽为maxwidth且高为maxheight的框内
//ImgD是图像ID，maxwidth、maxheight是图像最大显示宽度和高度
var ImgD=document.getElementById(ImgId);
allProps(ImgD);
var image=new Image();
image.src=ImgD.src;
var imgwidth=image.width;
var imgheight=image.height;
if(imgwidth>0 && imgheight>0 && maxwidth>0 && maxheight>0){
if(imgwidth>maxwidth || imgheight>maxheight){
if(imgwidth/imgheight>= maxwidth/maxheight){
ImgD.width=maxwidth;
ImgD.height=(imgheight*maxwidth)/imgwidth;
}
else{
ImgD.height=maxheight;
ImgD.width=(imgwidth*maxheight)/imgheight;
}
}else{
ImgD.width=imgwidth;
ImgD.height=imgheight;
}
}
}
</script>
</head>
<body>
<img id="thisimage" src="http://d5.sina.com.cn/201101/31/283911_750-450.jpg">
<script>
drawImage('thisimage',80,80);
</script>
</body>
</html>