메뉴 건너뛰기

tnt_lang

html/script 자바스크립트사용시 주의점

운영자 2003.10.06 20:31 조회 수 : 1833 추천:29

뭐 초보적인 내용이 될수도 있지만. 어려운 것보다 사소한 문제에 몇시간씩 소비하다 보면
더 열받는 일이죠.  아래내용은 저도 직접 겪으면서 열받음을 느꼇던 부분입니다.

1. 자바스크립트 오류중 제일 흔한 에러가 오브젝트 접근에러죠.
  아시다시피 ie 가 html 을 다 읽어서 메모리에 DOM 을 만들어 줍니다.
스크립트에서는 이 DOM 을 엑세스 해서 원하는 객체의 프로퍼티를 바꾸거나 메소드를 불러
사용하게 됩니다. 근데 IE 도 프로그램이기 때문에 파싱중에 오류가 발생할수 있죠.

<form name='aaa' action...>
   <input name='name'>
   <input name='email'>
   <input name='homepage'>
   <input type=button onclick='bbb()'>
</form>

보통 function bbb() 에서 폼을 액세스 하려면
document.aaa  나  document.forms("aaa")  나  document.all.item("aaa") 이런식으로 하게 됩니다.  모두다 DOM이 제대로 구축되었을때의 이야기죠.
문제는 <input name='name'> <== 여기에 있습니다. IE가 파싱에러가 나면서 DOM 구조가
잘못되 버리죠.  또한 FORM NAME 이나 아이디에 a_a  이런식으로 중간에 언더바를 삽입해도 안됩니다.  
웹 코딩을 하다보면 여기저기서 cut&paste 를 많이 하게 마련인데,  그런 html 안에 위와같은
에러가 포함되기 쉽상입니다.
name 이나 id 에 오해하기 쉬운 단어를 사용하지 맙시다!!! -_-
위로