0227/JavaScript

쌍용교육센터에서 공부한 내용을 정리하며 기록하는 글이고 주관적인 생각이 들어갈 수 있습니다.
잘못된 내용이나 피드백 및 생각 공유는 언제든 환영입니다.
댓글로 남겨주시면 확인 후 수정하겠습니다.
내용에 대한 소스 코드는 https://github.com/2jaehoon/html에 올려두었습니다.

 

location 객체

  - 페이지 이동 기술을 제공하는 객체

 

* href

  - HTML의 <a>와 같은 일을 수행
  - web browser에 history가 남는다.( 뒤로가기 또는 앞으로 가기 가능 )

//속성이라 =를 사용
window.location.href="이동할페이지 URL";

 

* replace

  - HTML의 <a>와 같은 일을 수행
  - web browser에 이전 주소를 치환하기 때문에 history가 남지 않는다.
    ( 뒤로 가기 또는 앞으로 가기 불가능 )

//함수라 ()안에 사용
window.location.replace( "이동할페이지URL" );

confirm dialog

  - 사용자의 의향을 받을 수 있는 예와 아니오 구성된 다이얼로그
 

var 변수명=  confirm( "메시지" );
//변수명에 담긴 값은 예- true, 아니오 - false

키보드 이벤트 처리 ( text, password, textarea )

  - 키보드의 키의 동작에 따른 이벤트를 처리할 때 사용

//1.이벤트 등록 ex. keydown, keyup
documenet.getElementById("대상").addEventListener("이벤트", 호출될 함수 );

//2.이벤트를 처리할 함수
//addEventListener 함수에서 발생한 event 객체를 매개변수에 할당해준다.
//웹 브라우저에서 생성된 window.event 객체를 할당해준다.
function 함수명( 매개변수 ){
  //매개변수.keyCode – 눌린 키의 코드 값
  //매개변수.which  – 눌린 키의 코드 값
  }

popup 창 열기

  - window 객체에서 팝업창을 여는 함수를 제공

  - 아이디 중복 확인, 우편번호 찾기에 주로 사용

window.open( "팝업 창에 넣을 페이지 URL","창 아이디", "속성" ); 
//속성에 들어갈 값
//"width=넓이, height=높이, top=x좌표, left=y좌표, scrolling=yes" 
//scrolling은 브라우저마다 적용이 안 될 수도 있다.

 

  - 자식 창의 값을 부모 창으로 전달

//opener - 부모 창
opener.window.document.폼이름.control명.value=값;

 

  - 자식창 닫기

self.close();

 

  - 자식창의 값은 부모창으로 전달되나 부모창의 값은 자식창으로 전달되지 않는다.
    JSP에서 web parameter 전송으로 해결 할 수 있다.

 

다음 우편번호 API

  - 사용URL : https://postcode.map.daum.net/guide