본문 바로가기

프로그래밍/자바스크립트

(39)
[자바스크립트]내장 객체 : String, Date 1. String 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 String var msg = 'apple'; var msg2 = 'BANANA'; var msg3 = '세상의 끝에서 세상을 노래하다'; document.write(msg+' '); document.write(msg.toUpperCase()+' '); //대문자로 변환(APPLE); document.write('------------------------------ '); document.write(msg2+' '); documen..
[자바스크립트]내장 객체 : Array, Math 1. Array - var array = new Array(); 로도 변수 생성 가능 - var array = [];와 같은 의미 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 생성자 함수 : Array //생성자 함수를 이용해서 배열 생성 var array = new Array(); //빈 배열 생성 //배열 요소의 목록 document.write(array + ' '); document.write(array.length + ' '); document.write('---------------------------- '); var array2 = new Array(10)..
[자바스크립트]클라이언트 객체 : location, history 1. location 객체의 속성과 메서드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 클라이언트 객체 : location document.write('location.href : ' + location.href +' '); //주소 document.write('location.host : ' + location.host + ' '); //호스트명, 포트번호 document.write('location.hostname : ' + location.hostname + ' '); //호스트명 document.write('location.port : ' + location.port + ' '); //포트번호 document.write('loca..
[자바스크립트]클라이언트 객체 : window / settimeout / setinterval 1. 클라이언트 객체 [1]window의 메서드(window. 생략 가능) - window.alert() : 경고창 - widow.prompt() : 입력창 - window.confirm() : 선택창 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 클라이언트 객체 : 윈도우 window.alert('경고창'); var season = window.prompt('좋아하는 계절은?'); document.write('좋아하는계절은 '+season+'입니다. '); var choice = window.confirm('야근을 하겠습니까?'); //확인 true , 취소 false 반환 //x아이콘 클릭 시 false 처리 if(choice){..
[자바스크립트]배열 : 요소 정렬 / 배열 메서드(join,slice,concat,pop,push) 1. 요소 정렬 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 배열요소의 정렬 //배열 생성 var array = ['가','하','아','나']; //사전에 명시된 순서대로 정렬(문자열을 기준으로 정렬) array.sort(); //배열 요소 목록 출력(가,나,아,) document.write(array+' '); //반대로 정렬(하,아,나,가) array.reverse(); document.write(array+' '); document.write('------------------------..
[자바스크립트] 배열 : 배열 생성, for in문, 요소 추가/삭제 1. 배열 - 자바스크립트의 배열은 가변 배열 - var 변수명 = []; 2. for in반복문 - for(변수 in 객체식){} 형식으로 사용 3. 배열의 요소 추가/삭제 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 배열 var array = ['포도','사과','바나나','망고']; doc..
[자바스크립트]내장 함수 : eval() 1. eval() - 문자열을 코드로 인식하게 하는 함수 ex) eval('2+2') -> 4로 출력 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 eval /* * eval(String) : string 을 자바스크립트 코드로 실행(문자열을 코드로 인식하게 하는 함수) */ var willEval = ''; willEval += 'var number = 10;'; willEval += 'alert(number);'; //string을 자바스크립트 코드로 실행 eval(willEval); alert(number); //출력결과 10 10 Colored by Color Scripter cs
[자바스크립트]내장 함수 : 인코딩/ 디코딩 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 인코딩/디코딩 처리 /* 함수이름 설명 escape(url) 적절한 정도로 인코딩함 unescape(url) 적절한 정도로 디코딩함 encodeURI(url) 최소한의 문자만 인코딩함(주소에서 사용하는 : ; / = ? & 등을 제외하고 인코딩) decodeURI(url) 최소한의 문자만 디코딩함(encodeURL로 인코딩한 문자열을 디코딩) encodeURIComponent(url) 대부분의 문자를 인코딩함 decodeURIComponent(url) 대부분의 문자를 디코딩함 ..