javascript/ex09.html at master · sangmin0816/javascript · GitHub

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
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>BOM(Browser Objects Model) 객체</h2>
    <p>windows, screen, document, navigator, location, history</p>
    <hr>
    <form action="" id="frm2" name="frm2">
        <input type="text" id="id" name="id" required>
        <button type="button" onclick="idcheck()">ID</button>
        <input type="submit" value="제출">
    </form>
    <script>
        // var win1 = window.open("login.html", "_parents"); // _parents, _blank, _self, _child
        // fullscreeon==yes||no||1||0 - 전체 화면 모드 여부
        // width-pixels: 창 너비
        // height-pixels: 창 높이
        // left-pixels: 왼쪽부터의 위치. 오른쪽은 안 쓰는 편
        // top-pixels: 창 위쪽부터의 높이
        // location == yes|no|1 |0 - 주소 표시줄
        // menjubar =  yes|no|1 |0
        //  toollabr = yes|no|1 |0
        // titlebar = Srtring y 제목바
        // status = yes|no| 1 | 0 상태방
        //scrollbar = yes|no|1|0 스크롤바
        // resizable = yes|no|1|0 창의 크기조절 가능 여부

        function idcheck(){
            var id = document.getElementById("id");
            if(id.value==""){
                alert("아이디 입력 칸이 비어있습니다.");
                id.focus();
                return false;
            }
            else{
                var win1 = window.open("idcheck.html", "_child", "width=400, height=300, top=100, left=100, location=no, menubar=no, toolbar=no");
            }
        }
    </script>
</body>
</html>