TRstory

0. 선택자 document.getElementById("demo"); document.getElementsByClassName("example"); document.getElementsByTagName("li") document.querySelector("p.example"); document.querySelectorAll(".example"); 1. 함수 파라미터 값이 일정하지 않을때 fn("a","b","c","d","e"); function fn(){ var args = Array.prototype.slice.call(arguments); for(var $i=0 ; $i < args.length ; ++$i) { alert("args["+ $i +"] : "+ args[$i]); } } 2. 문자..

Event event.preventDefault() 기본 이벤트를 저지 함. event.stopPropagation() 사용자가 첨부한 이벤트를 저지 함. default click action is prevented HTML DOM EventsMouse Events onclick 마우스를 클릭 했을 경우 발생하는 이벤트 ondblclick 마우스를 더블클릭 했을 경우 발생하는 이벤트 onmouseup 사용자가 마우스 버튼 누름 상태를 해제할떄 발생하는 이벤트 onmousedown 사용자가 마우스를 눌렀을경우 발생하는 이벤트 onmousemove 요소 위에있는 동안 포인터를 이동하면 이벤트가 발생 onmouseover 마우스가 지정된 영역안에 들어가면 발생하는 이벤트 onmouseout 마우스가 지정된 영..

데이터 타입 메소드 1. Object 메소드 constructor() 객체의 생성자 함수 hasOwnProperty(name) 객체가 name 속성을 가지고 있는지 확인 isPrototypeof(object) 객체가 object의 프로토타입인지 검사 propertyIsEnumerable(name) 반복문을 사용해 열거할수 있는 지 확인 toLocaleString() 객체를 호스트 환경에 맞는 언어의 문자열로 변경 toString() 객체를 문자열로 변경 valueOf() 책체의 값 @ 배열의 filter 를통한 특정 key값을 반환 (3학년인 배열반환) 2. window 속성 height 새 윈도우의 높이 픽셀 값 width 새 윈도우의 너비 픽셀 값 location 주소 입력창의 유무 yes, no, ..

1. 함수사용 - method 처럼 사용 (type1) function testInitFn($str){ function initFn($str){ console.log("=== initFn: ", $str) } initFn($str); return { setInit: function($str){ initFn($str) } } }; var varFn = testInitFn("call-a"); varFn.setInit("call-b"); ------------------ === initFn: call-a === initFn: call-b ------------------ - method 처럼 사용 (type2) var varFn; varFn = ( function($str){ function initFn($s..

1. 배열정렬function compareNumbers(a,b) { return a-b;} var numArray = [13,2,31,47,5]; alert(numArray.sort(compareNumbers)); // 2,5,13,31,47 출력 alert(numArray.reverse()); // 47,31,13,5,2 출력 출처 : javascript cookbook 2. 배열 복사var numArray = [13,2,31,47,5]; var newArray = numArray.slice(1,3) // 1번째부터 3번째미만 alert( numArray +" : "+ newArray ); // 13,2,31,47,5 : 2,31 출력 //IE8 이하버젼 if(!Array.prototype.indexO..

1. 랜덤 변수 /* MathRandomVal * $min : 최소값 * $max : 최대값 * return : 범위내에 랜덤값 리턴 */ function mathRandomVal($min, $max) { return Math.floor(Math.random()*($max-$min+1)+$min); } 2. ID 속성값 가져오기 /* * compStyle : ID의 속성값을 가져온다. * $elemId : id 값 * $property : id 속성 * return : id 속성값 */ function compStyle($elemId,$property) { var elem = document.getElementById($elemId); var style; if (window.getComputedStyle..

자바스크립트 정규표현 객체 : RegExp 정규표현은 문자 패턴을 설명하는 객체이다. 정규표현을 사용하면 문자열을 검색할 때, 패턴을 사용해 문자열을 검색할 수 있다. * 수식어구 i : 대소문자를 구분하지 않고 같은 문자열을 반환한다(맨처음 나타나는 문자열) g : 모든 문자열을 검색해 일치하는 문자열 모두를 반환한다 * 패턴지정 1. 괄호 [abc] : 괄호 안에 있는 문자열을 찾음( 각각 하나씩 모든 문자열을 반환 ) [^abc] : 괄호 안에 있는 문자열이 아닌 것을 찾음 [0-9] : 0부터 9까지 있는 문자열을 모두 찾음 [A-Z] : 대문자 A부터 대문자 Z까지 있는 모든 문자 [a-z] : 소문자 a부터 소문자 z까지 [A-z] : 대문자 A부터 소문자 z까지 (red|blue|green)..