批量修改img属性的问题！

Question

　　现在有个页面，这个页面由于是客户自己在后台添加内容的页面，会上传图片，有的图片定义的宽度太大，有的甚至是没有定义图片宽度，所以，会把页面撑开，很难看，我现在想实现一个这样的js：
定义图片最大宽度，对本页下的img标签进行遍历，如果发现图片定义的宽度小于这个宽度就不管他，如果大于它就强行给设置为最大宽度，如果没有定义图片宽度，也强行定义成最大宽度（当然，如果能计算出实际的图片宽度，看是不是比最大宽度大，那更好！）
　　这样的js怎么写？

Answer 1

通过document.getElementsByTagName("img")拿到所有的img标签 。
再循环进行判断处理 。

Answer 2

<script>
window.onload=function(){
  var w=0, h=0, arrImg=document.getElementsByTagName("img")
  var wLimit=500,  hLimit=500//限制的尺寸
  for(var i=0;i<arrImg.length;i++){
    arrImg[i].onload=function(){
       this.width>wLimit?wLimit:this.width
       this.height>hLimit?hLimit:this.height
    }
  }
}</script>
这样可以吗？  随手敲的没测试，参考吧