Contents

Home Study
✔ 뷰어로 보기
Develop
2013.11.18 18:32

[js] window.open() 속성 사용 방법

hooni
조회 수 13635 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

가 크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

가 크게 작게 위로 아래로 댓글로 가기 인쇄
# Syntax
window.open(URL,name,specs,replace);


# name
- "_blank" : 새로운 창으로 로드 (Default)
- "_parent" : 부모 프레임으로 로드
- "_self" : 현재 창에서 로드
- "_top" : 가장 최 상위 프레임으로 로드
- name : The name of the window (Note: the name does not specify the title of the new window)

# specs
- width : 창 가로길이 지정 [no,yes(생김)] 
- height : 창 세로길이 지정 [no,yes(생김)] 
- toolbar : 단축도구창 유무지정 [no,yes(생김)] 
- menubar : 메뉴창 유무지정 [no,yes(생김)] 
- location : 주소창 유무지정 [no,yes(생김)] 
- scollbars : 스크롤바 지정 [no,yes(생김)] 
- status : 아래 상태바창 유무지정 [no,yes(생김)] 
- resizable : 창변형 유무지정 [no,yes(생김)] 
- fullscreen : 전체화면 유무지정 [no,yes(생김] 
- channelmode=yes : 앞&뒤로,창최소화.닫기등을 설정(F11번 키랑 같음) 
- left=0,top=0 : 창을 고정시킨다.왼쪽 구석에 고정 

# replace
- true : URL replaces the current document in the history list
- false : URL creates a new entry in the history list


# Javascript 코드 예제
<script type="text/javascript"> 
/* 
window.open(url:String, name:String, properties:String) 
open 
함수는 반드시 3개의 매개변수가 있고, 매개변수 순서는 지켜야 함. 
name은 팝업창의 이름, 주로 프레임 문서의 Target으로 사용 
name은 사용하지 않으려면 " " 만 표시해줍니다. 반드시 표시해야 함. 
*/ 

function win() {
    //속성 지정하지 않은 기본창
    window.open("https://www.hooni.net/", "", "");
}

function menu_win() {
    //메뉴바 없는 팝업
    window.open("https://www.hooni.net/", "", "menubar=1");
}

function full_win() {
    //풀스크린 방식
    window.open("https://www.hooni.net/", "", "fullscreen");
} 

function channel_win() {
    //채널모드
    window.open("https://www.hooni.net/", "", "channelmode");
}

function status_win() {
    //상태표시바 있는 팝업
    window.open("https://www.hooni.net/", "",
        "width=400, height=300, status=1");
} 

function popup_win1() {
    //크기 width400 height300 팝업창
    window.open("https://www.hooni.net/", "",
        "width=400, height=300"); 
} 

function popup_win2() {
    //위치 left=500, top=400 에서 열리는 팝업창
    window.open("https://www.hooni.net/", "",
        "width=400, height=300, left=500, top=400");
} 


function popup_win3() {
    //스크롤바 있는 팝업
    window.open("https://www.hooni.net/", "",
        "width=400, height=300, scrollbars=1");
} 


function popup_win4() {
    //주소표시줄 있는 팝업
    window.open("https://www.hooni.net/", "",
        "width=400, height=300, left=100, location=1");
} 
</script>


# HTML 코드 예제
<body>

<input type="button" value="속성 지정하지 않은 기본 창" onclick="win()" />

<input type="button" value="메뉴바 없는 팝업" onclick="menu_win()" />

<input type="button" value="풀스크린 팝업" onclick="full_win()" />

<input type="button" value="채널모드 팝업" onclick="channel_win()" />

<input type="button" value="상태표시바 있는 팝업" onclick="status_win()" />

<input type="button" value="w:400, h:300 팝업" onclick="popup_win1()" />

<input type="button" value="left:500, top:400 팝업" onclick="popup_win2()" />

<input type="button" value="스크롤바 있는 팝업" onclick="popup_win3()" />

<input type="button" value="주소 입력 표시줄 있는 팝업" onclick="popup_win4()" />

</body>

[출처] http://www.w3schools.com/jsref/met_win_open.asp

Facebook Twitter Google Pinterest KakaoStory Band
위로 아래로 댓글로 가기 인쇄
에디터 선택하기
?
에디터 사용하기 닫기

  1. [c++] 현승이가 준 P2P 프로그램 소스 ㅋㅋ

    Date2013.04.23 CategoryDevelop Byhooni Views12104
    Read More

  2. [php] 심플한 게시판 ㅋㅋ

    Date2013.04.23 CategoryDevelop Byhooni Views13044
    Read More

  3. [jsp] RSS(xml) 파싱해서 보여주기 ㅎㅎ

    Date2013.04.23 CategoryDevelop Byhooni Views13241
    Read More

  4. [php] 한샘 전자발주 시스템..

    Date2013.04.23 CategoryDevelop Byhooni Views12025
    Read More

  5. [c#] 파일(File) 쓰기 ㅎㅎ

    Date2013.04.23 CategoryDevelop Byhooni Views13321
    Read More

  6. [js] 자바스크립트를 동적으로 로딩하기

    Date2013.04.23 CategoryDevelop Byhooni Views13611
    Read More

  7. [unix] 날짜 관련 쉘 명령어 (특정일 또는 +-시간, 날짜 계산된 값)

    Date2013.04.23 CategoryDevelop Byhooni Views14888
    Read More

  8. [vb] 문자열에서 태그 제거함수 (Visual Basic)

    Date2013.04.23 CategoryDevelop Byhooni Views22678
    Read More

  9. [c#] 정규표현식을 이용한 문자열에서 태그 제거함수

    Date2013.04.23 CategoryDevelop Byhooni Views17877
    Read More

  10. [c] 포인터 학습용 예제 소스 코드

    Date2013.04.23 CategoryDevelop Byhooni Views21086
    Read More

  11. OGNL(Object Graph Navigation Language)

    Date2013.04.23 CategoryDevelop Byhooni Views15786
    Read More

  12. URI 인코딩, URL 인코딩

    Date2013.04.23 CategoryDevelop Byhooni Views18903
    Read More
쓰기
Board Pagination Prev 1 ... 33 34 35 36 37 38 39 40 41 42 ... 71 Next
/ 71