JavaScript (17) 썸네일형 리스트형 String, Math, Date, Array 객체들의 메서드 # 핵심요약보기 String객체( 주로 인덱스 0부터 시작 ) "문자열".charAt(3); - 문자열 왼쪽0부터시작하여 3번째 문자를 표시 "문자열".substr(2,4); - 문자열 2번부터 4개(음수시 오류) "문자열".substring(2,4) - 문자열2번부터 4번째보다작은거(2는포함 4는미포함)( 음수는 0으로인식) "문자열".slice(2,4) - substring과 같지만 음수도 적용됨 ( slice(2, -1) 는 문자열 끝에서 왼쪽으로 한칸(역시나 미포함) ) document.write( "abcdefg".slice(2,-2)); // cde "문자열".concat("추가할 문자열"); - 문자열에 내용 추가(누적) "문자열".split("구분자") - 구분자를 기준(컴마로바뀜)으로 배.. 객체 #객체1. 객체 생성 첫번째 방법var 객체명={속성:값 , 속성:값, ....}; 2. 두번째 방법( 생성자함수를 이용하는 방법 ) 일반객체선언과 다르게 여러개의 객체를 찍어낼 수 있는 함수( 함수명 첫글자는 대문자로)function 함수명(){ this.속성=값;} var 객체명 = new 함수명(); # 배열과 객체 접근법배열은 요소에 접근할때 인덱스를 사용하고객체는 요소에 접근할때 키를 사용한다.배열 : 배열명[인덱스]객체 : 1. 객체명.키 2. 객체명["키"] or 객체명['키'] [ex]window.onload = function() { // 배열 var arr = [11,22,33]; alert(arr[0]); // 객체 생성 첫번째 방법 var 객체1 = {color:"red", spee.. 배열 # 배열만드는법1. 첫번째방법 var array=[10,20,30];document.write(array[0]); 혹은var array=[]; array[0]="10"; array[1]="20"; array[2]="30"; 2. 두번째방법 var arr = new Array(1,2,3) // 파라미터 두개이상은 index의 값을 말하는거고 혹은 var arr = new Array(5); // 파라미터하나는 방의 갯수 ( 자바스크립트는 걍 방크기 상관없이 추가가능 ) [ex] 배열 이용하여 태그 완성하기 폼태그 및 접근법 # 폼태그폼태그 - INPUT(text, password, checkbox, radio, submit, reset) : 웹 브라우저 화면에 사용자 정보 입력형식 표시할때사용 ACTION : 사용자의 입력 데이터를 처리할 프로그램의 URL주소를 지정 METHOD : 사용자 데이터를 넘겨주는 방식을 지정하는데 GET, POST방식 두가지 있다. (GET:프로그램환경변수로 넘김, POST:표준입력을 사용) ENCTYPE : 데이터 형식을 지정한다. 여 //같은네임끼리는 중복안됨!(네임으로 구분!) 남 aa bb cc dd //중복되기때문에 name이없음 ee ff // 파일선택창이뜨는데 선택한파일명이 바로다음에 뜸 주부 학생 전문직 # 폼요소에 접근하는 방법1 document.forms[숫자].elements.. 이벤트 처리 # 이벤트처리1.첫번째방식! 2.두번째방식( 함수를 직접 등록 ) 2-1.두번째방식( 함수를 이름으로만 등록 ) [ex] # 이벤트 종류 2. focus() : 마우스커서[ex] 2. onkeyup // onkeyup은 누르고때면 다음함수를 호출![ex] 주민번호입력포커스 자동 이동 주민번호 - 태그 속성 접근 # 태그의 속성 접근 [ex] 글자를 클릭하면 글자색을 'green'으로 바꾸시오. aaa[ex] 해당 태그의 style속성에 접근가능! aaa [ex] 커스텀속성에 접근 aaa this와 var의 차이점 # 일반적인 함수 생성과 호출( this 와 var의 차이점 ) 다음과 같이 일반적인 함수가 생성되어있다.function Action(data){ var a = data; this.b =data; var aa = function(){ alert("함수 : "+data); } this.bb= function(){ alert("함수 : "+data); } alert(a); alert(b);} 이 함수를 호출하는방법은 바로 함수명으로 호출하는방법이 있다.이는 함수를 호출한 시점에 해당함수를 순차적으로 실행한다.따라서 맨마지막 alert()작업을 할 것이다.또한 Action함수를 실행시 실행시점에 window객체에 this로선언된 b와 bb 두 속성이 추가된다.따라서 Action함수호출다음 내부 this로 선언.. 함수 선언방법 출처 : http://www.nextree.co.kr/p4150/ # 함수선언 방식 두가지1. 함수선언문( function declaration ) - 스크립트로딩시점에 바로 초기화하고 저장함. 따라서 위치상관없이 어느곳에서 호출가능 - 단점은 대규모 애플리케이션개발시 함수선언문으로 모든 함수를 저장하므로 응답속도저하 ( 스크립트파일을 모듈화하고 필요시 비동기 방식으로 로딩하여 http요청을 줄여 응답속도 향상 시킬수 있다 )function aa(){ } 2. 함수표현식( function expression ) - 함수가 변수에 할당됨( 함수는 객체이다 라는 정의가 가능) - 실행시 해당함수가 해석되므로 해당함수 호출전에 선언되어야 사용가능 // 익명 함수표현식var aa = function(){ }; .. 이전 1 2 3 다음