Javascript] window.opener

팝업창을 띄우고, 팝업창에서 내용을 전달해야 할 경우가 있는데요. 

 

저는 아이디 중복검사의 경우 사용할 수 있는 아이디를 다시 전달할때 썼습니다.

 

 

 

위 화면과 같은 양식에서 중복확인 버튼을 누르면

아래 코드가 실행되면서 팝업창이 뜨게 됩니다.

 

 

function idChk() {
            var url ='id_check.do';
            window.open(url, '사용할 아이디를 입력하세요.',  'width=300, height=200');
        }

 

그리고 팝업창에서 사용하기를 누르면

 

 

 

 

 

function useId(){
            if(id_check.result.value=="사용 가능한 아이디입니다."){
               
                window.opener.getChkedId(id_check.id.value);
                window.close();
            }else{
                alert("이미 사용중이라 가입 할 수 없습니다.");
            }
           
        }

 

이 코드가 실행 됩니다.

 

여기서 4번줄에 window.opener 라는 메소드가 자신을 호출한 부모뷰의 자바스크립트를 실행하는 메소드입니다.

 

그럼 당연히 부모뷰에는 

function getChkedId(chkedID){
            registForm.id.value=chkedID;
        }

이 코드가 당연히 있어야 겠죠?