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 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> //메소드 -> 함수 (function) //자바] public [static] int m1(String s1) {} // function m1() {} function m1(a) { alert("안녕"); } //m1(); //m1(); function m2(name) { alert(name + "안녕"); } //m2("홍길동"); //m2("아무게"); //m2(); //m2("홍길동", "아무게", 100); function m3() { return "홍길동"; } //alert(m3() + "님"); function m5() { var n1 = 10; //지역 변수(Local variable) alert(n1); } //m5(); //alert(n1); //Uncaught ReferenceError: n1 is not defined var n2; //전역변수(Global Variable), 함수에 속하지 않고 스크립트태그 내에 있는 변수 function m6() { n2 = 20; alert(n2); } //m6(); //alert(n2); //자바스크립트는 제어문의 블럭은 영역으로 취급 안함. // -> 함수만을 영역이라고 생각함 if (true) { var n3 = 30; } //alert(n3);//됨. 사용x, 헷갈림 //변수 선언 //1. var 사용o // - 전역 변수 // - 지역 변수 //2. var 사용x var n4; function m7() { n4 = 50; n5 = 60; //??? 선언문이 없는 변수 선언. 전역변수 -> 사용x, 헷갈림 } //m7(); //alert(n4); //alert(n5); function hello() { alert("안녕~~"); alert("잘가~~"); } // var num1 = 100; //Number var num2 = "200"; //String -> Number //Integer.parseInt("20") var num3 = "삼백"; //String -> Number(x) var num4 ="400"; //"400" -> 400 //alert(parseInt(num4) + 100); //alert(num4 + 100); //"400" + 100 var num5 = 3.5; //"3.5 -> 3.5" //alert(parseInt(num5)); //3(x) //alert(parseFloat(num5)); //3.5(o) var num6 ="234점입니다."; //문자열 //alert(parseInt(num6)); //숫자 뒤는 버리고 출력됨** //JAvascript -> CSS //width, left //ask] 현재 이미지의 x좌표에 +100 하시오. var left = "500px"; left = parseInt(left) + 100; //parseInt로 묶어주면 뒤의px를 버리고 값을 숫자로 바꿔준다.** //alert(left); var age = "20"; //숫자로만 입력했는지 알고싶다? // is Not a Number alert(isNaN(age)); </script> </head> <body> <!-- ex05.htm --> <script type="text/javascript"> //자바스크립트 함수 선언문은 되도록 <head>안에서 한다. /* <input type="button" value="클릭" onclick='alert("안녕~");' /> <input type="button" value="클릭" onclick="alert('안녕~');" /> */ <input type="button" value="클릭" onclick="hello();" /> </script> </body> </html> | cs |
'WEB > JS' 카테고리의 다른 글
| 날짜시간 / 배열(array) (0) | 2016.01.22 |
|---|---|
| 문자열 / 길이 / 검색 / 치환 / 벼환 / 분할 / 추출 / 제어문 (0) | 2016.01.22 |
| 기본 문법 var (0) | 2016.01.22 |
| 출력하기 - alert(); / html element / console.log(); (0) | 2016.01.22 |
| 자바스크립트가 실행되는 순서 (0) | 2016.01.22 |