- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!-- 현재 작성하고 있는 파일은 UTF-8 DOS파일입니다.-->
- <html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
- <head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- </head>
- <body>
- <div id="ex_js_syntax">
- <script type="text/javascript" language="javascript">
- <!--
- function window_open_moveby(){
- /* 윈도우 창 열기 => window.open(); */
- open_moveby_specs = "width=350, height=200, top=300, left=300";
- open_moveby_window = window.open("", "open_moveby_window", open_moveby_specs, false);
- open_moveby_window.document.write("<p>open_moveby_window 창 열음</p>");
- document.getElementById("window_open_moveby").innerHTML = "창열기";
- }
- function window_moveby(){
- /* 윈도우 창 상대적 위치 이동 => window.moveBy(x좌표, y좌표); [x좌표:좌측, y좌표:상단] */
- open_moveby_window.moveBy(250,100);
- open_moveby_window.focus();
- document.getElementById("window_moveby").innerHTML = "moveby() 상대적 창 이동[클릭]";
- }
- function window_moveto(){
- /* 윈도우 창 절대적 위치 이동 => window.moveTo(x좌표, y좌표); [x좌표:좌측, y좌표:상단] */
- open_moveby_window.moveTo(100,150);
- open_moveby_window.focus();
- document.getElementById("window_moveto").innerHTML = "moveto() 절대적 창 이동[클릭]";
- }
- //-->
- </script>
- <form name="input_type" id="input_type" method="post" >
- <!-- 예제 박스에선 안됨 => form태그안에 form태그있으면 지워짐~ㅠ.ㅠ -->
- 윈도우 => 창 이동 <br />
- <p id="window_open_move" onclick="window_open_move();">window객체-메서드 move()사용할 open()[클릭]</p>
- <p id="window_moveby" onclick="window_moveby();">window객체-메서드 moveby() 상대적 창 이동[클릭]</p>
- <p id="window_moveto" onclick="window_moveto();">window객체-메서드 moveto() 절대적 창 이동[클릭]</p>
- </form>
- </div>
- </body>
- </html>
--------------------------------------------------------------------------------------------
위 소스 예제 보기
윈도우 창 상대적 위치 이동 => window.moveBy(x좌표, y좌표); [x좌표:좌측, y좌표:상단]
윈도우 창 절대적 위치 이동 => window.moveTo(x좌표, y좌표); [x좌표:좌측, y좌표:상단]
window 속성 보기(접어두었습니다.)
출처 & 인용 - http://www.w3schools.com/
'javascript > window()객체' 카테고리의 다른 글
window객체 scrollBy() scrollTo() 스크롤 위치[상대적, 절대적] (0) | 2014.02.08 |
---|---|
window객체 resizeBy() resizeTo() 창크기[상대적, 절대적] (0) | 2014.02.08 |
window객체 open() close() 창 열고 닫기 (0) | 2014.02.08 |
window객체 print() 프린트 (0) | 2014.02.08 |
window객체 prompt() 질문창 (0) | 2014.02.07 |