봉봉의 개인 블로그

2017-11-06(Javascript : window.open 속성 사용 방법) 본문

입사후 공부한내용

2017-11-06(Javascript : window.open 속성 사용 방법)

봉봉이네 2017. 11. 6. 11:17

Java Script : Window.open 속성 사용 방법


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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<script type="text/javascript">
    function win(){
        window.open("http://naver.com/","","");
        //속성 지정하지 않는 기본창
    }
    function menu_win(){
        window.open("http://naver.com/","","menubar=1");
        //메뉴바 없는 팝업
    }
    function full_win(){
        window.open("http://naver.com/","","fullscreen");
        //풀스크린 방식
    }
    function channel_win(){
        window.open("http://naver.com/","","channelmode");
        //채널모드
    }
    function status_win(){
        window.open("http://naver.com/","","width=400, height=300, status=1");
        //상태표시바 있는 팝업
    }
    function popup1_win(){
        window.open("http://naver.com/","","width=400, height=300");
        //width=400, height=300 크기의 팝업창
    }
    function popup2_win(){
        window.open("http://naver.com/","","width=400, height=300, left=500, top=400");
        //left=500, top=400의 위치에서 열리는 width=400, height=300 크기의 팝업창
    }
    function popup3_win(){
        window.open("http://naver.com/","","width=400, height=300, scrollbars=1");
        //스크롤이 있는 width=400, height=300 크기의 팝업창
    }
    function popup4_win(){
        window.open("http://naver.com/","","width=400, height=300, left=100, location=1");
        //주소표시줄이 있는 width=400, height=300 크기의 팝업창
    }
</script>
cs

hmtl

1
2
3
4
5
6
7
8
9
10
11
<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="width400 height300 팝업창" onclick="popup1_win()">
<input type="button" value="위치 left=500, top=400 팝업창" onclick="popup2_win()">
<input type="button" value="스크롤바 있는 팝업" onclick="popup3_win()">
<input type="button" value="주소 입력 표시줄 있는 팝업" onclick="popup4_win()">
</body>
cs


저작자표시

'입사후 공부한내용' 카테고리의 다른 글

2017-11-06(javascript return)  (0) 2017.11.06
2017-11-06(Javascript : javascript:void(0)란 ?)  (0) 2017.11.06
2017-11-03(엑셀 poi read 관련)  (0) 2017.11.03
2017-11-03(엑셀 poi write 관련)  (0) 2017.11.03
2017-11-03(ACS란 무엇인가)  (0) 2017.11.03
공유하기 링크
'입사후 공부한내용' Related Articles more
Comments