t'story

이벤트를 발생시킨 엘리먼트를 찾는 방법은 세가지로 나누어지지만, 모든 브라우저에서 모든 방법이 통하는 것은 아니다. 1. 이벤트를 실행할 핸들러에서 매개변수로 받은 객체의 target 속성 참조(IE 실행 불가) 2. window객체의 event.srcElement 객체 참조(FF실행 불가) 3. this 키워드로 참조. IE, FF 양쪽 모드 가능, 하지만 this 키워드는 컨텍스트 엘리먼트로서 수시로 바뀔 가능성이 크다. 따라서 1과 2의 방법을 합쳐 eventElement = eventArgs ? eventArgs.target : window.event.srcElement;로서 사용하는게 가장 권장된다.

Web Development/Javascript 2008. 10. 26. 18:38

함수와 메서드 함수와 메서드는 반복되는 어떤 동작들을 필요할 때마다 호출하여 사용할 수 있게하는 코드블럭을 말한다. 하지만, 약간의 차이가 있는데, 쉽게 말하자면 객체 내부에 존재하는 함수는 메서드고, 그렇지 않은 것은 함수이다. 하지만 기능상으로 큰 차이가 없기 때문에 일부에서는 혼용하기도 하지만,구분해서 기억해두는 것을 권한다. 자바스크립트에서 함수 자바스크립트에서 함수는 그 자체가 1차 객체이다. 함수를 선언하여 변수에 대입하여 이리 저리 옮길 수 있는 것이 자바스크립트라고 생각할 수 있지만 함수라는 객체를 생성해서 변수에 할당한다고 보는 것이 더 정확할 것이다. 따라서 자바스크립트의 함수는 속성과 메서드를 가지며, 함수 내부에 메서드를 가질 수 있고 속성또한 가질 수 있고, 실제로 자바스크립트의 ..

Web Development/Javascript 2008. 9. 30. 22:56

객체 자바스크립트에서도 객체를 사용하는 방법을 제공하고 있다. 하지만, 다양한 객체 관련 기술을 지원하는 듯 흉내내기일 뿐이다. 즉, Java 같은 객체 지향 언어에 있는 다양한 객체 관련 기술들과 권한 제한 등은 지원하지 않고, 객체를 선언해서 작성할 수 있는 기초적인 형태는 제공하고 있다. 실제로 자바스크립트의 객체는 일반적인 배열로서 단순하게 변수나 함수의 연결로 구성되어 있다고 볼 수 있다. 객체의 생성 객체를 바로 생성해서 사용하는 방법은 다음과 같다. //객체를 생성하기 위한 가장 기초적인 방법 var obj = new Object(); obj.name = "Ivan"; obj.grade = ["A+", "B+", "F"]; obj.birth = new Date(1984,11,04); obj...

Web Development/Javascript 2008. 9. 28. 15:39

기초 문법 대소문자를 구분한다. HTML파일 내부에서 사용하거나 외부파일로 빼내어 사용할 수 있다. //외부 자바스크립트 파일 사용시 //자바스크립트를 사용할 때 외부 자바스크립트를 위한 태그와 내부 자바스크립트를 위한 는 반드시 따로 존재해야한다. 외부 자바스크립트르 위한 태그에는 반드시 닫기 태그가 존재해야하며, XML타입의 간략한 형태의 닫기 태그는 사용할 수 없다. 내부 자바스크립트를 위한 태그에 주석처리()를 하는 이유는 자바스크립트를 지원하지 않는 브라우져를 위한 것이며 생략해도 상관없다. src에는 외부 자바스크립트 파일을 지정하면 된다. language를 생략시, 기본 값은 javascript이다. 자바스크립트의 위치는 보통 태그 사이이며, 태그 내부에도 위치한다. 어디에 위치하든 큰 차이..

Web Development/Javascript 2008. 9. 26. 19:39