이미지를 화면에 뿌리지 않고 크기(픽셀)를 알 수 있는 법

〈는 특수문자다.

〈body>

〈script>
  var img_name='http://www.phpschool.com/gnuboard4/skin/board/basic/img/btn_list.gif'
  var viewImg=new Image()
  viewImg.src=img_name
  alert('offsetWidth:'+viewImg.offsetWidth+'/width:'+viewImg.width)
  document.body.appendChild(viewImg)
  alert('offsetWidth:'+viewImg.offsetWidth+'/width:'+viewImg.width)
〈/script>

불여우와 ie8의 동작 결과가 다르다.

또한 body 태그가 없는 경우 appendChild가 작동하지 않는다.
body가 없어서 appendChild가 작동하지 않아도 width 값은 가지고 온다.
그럴 경우 offsetWidth는 못 가지고 온다.

또한 ie8에서는 그림을 가져오기 전에는 width 값이 정상적인데 반해,

그림을 화면에 뿌리게 되면 offsetWidth 값이 정상이고, width값은 정상값*100이다.

불여우에서는 항상 정상값을 가져 온다.