opener Property | name Property
Home > Document > JavaScript > Object > Window > opener Property
opener Property

opener... 병따개... 참 우리한테 친숙한 단어죠. 어린 시절 Cola, Cider 등을 마실 때도 이 넘을 많이 썼고, 지금 처럼 소주병이 돌려따는 마개가 아닌 시절에는 참으로 애용했던 물건이었죠. 어금니로 소주병을 따는 무모함이 사내다움을 자랑하는 줄 착각하는 친구들도 있었습니다...^^ 그런데 window object 의 opener Property는 이런 의미의 opener 입니다. 앞 페이지의 open Method를 보았다면 금방 이해할 수 있습니다. 예를 들어 'A.html' 이라는 파일에서 open Method를 사용하여

<button onclick="window.open('B.html', 'my_child', '')">Open my child!</button>

와 같이 'B.html' 을 새창으로 열었다면, 'A.html' 이 'B.html' 의 opener 가 되는 거죠. 즉, A.html 은 B.html 의 병따개가 아닌 창열개가 되는 셈입니다. A.html 을 눌러서 새창이 뜨면 어떤 단추가 있습니다. 그 단추로 새창을 열고 B.html 이 뜨면 opener에 focus 주기 단추를 눌러 보세요. 600 X 400 의 새창이 뜨고 'Focus my opener!' 단추를 누르면 opener 인 A.html 에 focus 가 생깁니다.

A.html
<html>
    <head>
        <title>A.html</title>
    </head>
    <body>
        <button onclick="window.open('B.html', 'my_child', 'width=600, height=400')">
        Open my child!
        </button>
    </body>
</html>
B.html
<html>
    <head>
        <title>B.html</title>
    </head>
    <body>
        <button onclick="opener.focus()">Focus my opener!</button>
    </body>
</html>

이런 방법으로 사이트에 접속하자 마자 새로 뜬 창이 뒤로 숨어 버리게 되므로 유심히 보지 않으면 Popup window 가 뜬 사실을 모르기도 하져. 이런 경우는 주로 광고성 Popup window 가 client 의 브라우저에 떠 있는 시간에 따라 일정 요금을 받는 사이트 들 입니다. 실제로 좋은 내용을 가진 사이트 중에서도 이런 방법을 쓰는 사이트들이 여럿 있습니다.



name Property

name Property 는 window 의 이름을 지정하거나 return 하는 Property로서 아래의 간단한 예제를 보겠습니다.

입력
<html>
    <head>
        <title>name Property</title>
    <script type="text/javascript">
    <!--
    function win_name(){
    window.name = "call_me"
    document.write(window.name) 
    }
    // -->
    </script>
    </head>
    <body onload="win_name()">
    </body>
</html>
코드 실행 하기





이 문서의 저작권은 www.cadvance.org 에 있습니다.

Top
Back
New
검색