교보타워에서 Java Script 마스터북 이란 책을 구매하게 됐는데
구매할때 부터 비닐로 쌓여있는게 왠지모를 포스(?)에 맘에 들었다. ㅎㅎ
대충 보니 그림도 많아서 ( ^ㅡ^)b
내용중 기억해둬야 겠다 싶은것들을 아래에 적어놓는다.
샘플코드 다운
(일본어 사이트에서 다운받았다. 원본 링크:
http://www.wings.msn.to/index.php/-/A-07/978-4-8399-2708-0/)
이벤트와 이벤트 핸들러 연관시키기
1) 태그내의 속성으로 선언하기
내가 여지껏 사용하던 방법
.....
* 이 방식은 가독성 관점이나 "페이지 구성과 스크립트를 명확하게 분리" 하는 요즘 추세에 맞지 않다고 함.
기본적으로 "태그내에서는 스크립트 호출은 이벤트 핸들러의 호출에 머물러야 한다" 라고 함
2) JavaScript 의 코드 내에서 선언하기 - 프로퍼티로서 설정-
......
-- 음.. 이러면 페이지내에 어떤 폼 객체가 어떤 이벤트 핸들러와 엮여 있는지 소스를 다 열어봐야 하지 않나... 싶은 의구심이.. -- 아... 이러면 정말 페이지랑 프로그램 완전히 분리 가능하겠다라는 생각도 드네..
* 주의 사항
1) 이벤트명의 모두 소문자로 기술
2) 프로퍼티로서 설정하는것은 함수객체
ex> onload 이벤트에 init 이벤트 핸들러를 엮는 경우
winow.onloan =init() (X) , winow.onloan =init() ( O 올바른표현)
3) 개별 요소의 이벤트 핸들러는 onload 이벤트 핸들러 아래에
getElementById 메소드는 대상이 되는 요소가 읽기 전에 호출되면 에러가 뜨기 때문
브라우져 객체
모든 브라우져 객체는 최상위 Window 객체를 통해 엑세스 한다.
ex)
window.document.write("HI~"): <--
첫문자가 소문자인것에 주의!
윈도우 간의 정보 주고 받기
popup = window.open(....) 으로 팝업을 띠운경우
popup.opener.document.xxx <-- 부모 윈도우 참조
pupup.document.xxxx <-- 자식 윈도우 참조
내용을 이해했다면 아래 내용을 실행해보고 이해 해보길..
* 부모 윈도우를 새로고침하는경우 글로별 변수에 윈도우 참조값이 초기화되기 때문에 더이상 popup 을 참조할수 없게됨
-- 이걸 피할려면 window 이벤트에 새로고침을 시도할때 못하게 막아야하나....어째야 하나... 고민 (-- )a..
samples.zip
writeOpen.html