웹 프로그래밍/JAVASCRIPT

function randNum(){ var ALPHA = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','0','1','2','3','4','5','6','7','8','9']; var rN=''; for(var i=0; i

사용법 var newArray = new Array('one', 'two'); var newArray = ['one', 'two']; 메소스 설명 splice(n,m,str) 배열 원소를 제거/추가하고 제거된 원소를 배열값으로 반환 (n+1 번째 원소부터 m개의 원소를 제거하고 str를 추가한다.) slice(n,m) 지정한범위에 해당 부분 배열을 반환 (n+1번째 원소부터 m번째 원소까지 반환) concat(n) 배열 뒤에 다른 배열을 덧붙인다. join(s) 쉽표(,)구분을 사용하지 않고 s구분자로 배열 push(str) 배열끝에 str 원소추가하고 배열 길이를 반환한다. unshift(str) 배열처음에 str 원소추가하고 배열 길이를 반환다. pop() 배열끝 원소를 제거하고 제거된 원소를 반환한..

사용법 var dtNow = new Date(); //시스템의 현재 날짜와 시각값으로 초기화 Thu Jan 20 21:49:07 UTC+0900 2011 var dtNow1 = new Date(60000000000); //1970년 1월 1일 12시 자정을 기준으로 경과된 시간(밀리초)을 반환 var dtNow2 = new Date("March 12, 2010 12:20:11"); //문자열을 사용하여 지정한 시간으로 초기화 var dtNow3 = new Date(2011,0,1); //년, 월, 일, 주의)월은 0부터시작 0은 1월 11은 12월 var dtNow4 = new Date(2011,0,8,12,30,30,30); //년, 월, 일, 시, 분, 초, 밀리초 와 같은 순서로 인자를 넘겨 초기화..

정규표현식 사용방법 var searchPattern = /+s/ig; RegExp 객체 메소드 인자 사용설명 test 문자열 입력된 문자열이 정규 효편식에 부합하는지를 판단 exec 문자열 정규표현식과 매칭되는 것을 찾아 반환, 매칭을 찾을수 없을 경우 null 반환 플래그 i : 대소문자를 구분하지 않는다 g : 전역매칭 m: 여러줄 매칭※ String 객체의 regex 메소드인 replace(eocp), match(매치), search(검색)등을 주로 사용 정규표현식 사용설명 \ \ 뒤의 일반문자는 특수문자로 인식, \ 뒤의 특수문자는 기호로 인식 \s 공백문자 \d 숫자 \D 숫잔가 아닌 문자 \w 아파벳 대소문자+숫자 [A-Za-z0-9] \W 아파뱃 대소문자+숫자가 아닌 문자 \+, \-, \*..

메소드 프로퍼티 설명 인자 length 문자열의 길이를 반환 괄호 없이 사용 valueOf String객체가 들어가있는 문자열을 반환 없음 anchor HTML 앵커를 만든다 앵커명으로 쓸 문자열 big, blink, bold, italics, small, strike, sub, sup String객체의 문자열 값을 HTML형식으로 만들어 반환한다. 없음 charAt, charCodeAt 주어진 위치의 문자열(charAt) 또는 문자코드(charCodeAt)를 반환한다. 위치를 정수로 나타낸다. 시작점은 0 indexOf 첫번째로 일치하는 부분 문자열의 시작위치를 반환한다. 검색할 부분 문자열 lastIndexOf 마지막으로 일치하는 부분 문자열의 시작위치를 반환한다. 검색할 부분 문자열 link 링크할..

프로퍼티 메소드 설명 MAX_VALUE 상수. 자바스크립트에서 표현할 수 있는 최대값 MIN_BALUE 상수, 자바스크립트에서 표현할 수 있는 최소값 NEGATIVE_INFINITY 음의 무한대 POSITIVE_INFINITY 양의 무한대 toExponential(num) 소수점이하 num 이하 지수표현식으로 변경 toPrecision(num) num 만큼 표현(큰수부터) toFixed(num) 소수점이하 num 만큼 남기고 나머지 반올림 숫자 상수를 출력한 다음에 Number 객체의 인스턴스를 생성하는데, 이때 매개 변수의 값은 문자열 값이든지 숫자 값이든지 유효한 숫자이기만 하면 된다. 이 인자가 유호한 숫자가 아닌 경우 객체의 값은 NaN 이 된다. 결과 : 출처 ] 한빛미디어 자바스크립트 fot ..

자바스크립트 내장 객체 (Math, Date, RegExp, 배열) 브라우저 객체 모델 BOM 객체 문서 객체 모델 DOM 객체 개발자가 만들 사용자 정의 객체 출처 ] 한빛미디어 자바스크립트 fot 웹 2.0

//기존에 존재하는 요소 뒤에 새 요소를 삽입하는 함수 : insertBefore의 반대 function insertAfter(newElement,targetElement) { var parent = targetElement.parentNode; if (parent.lastChild == targetElement) { parent.appendChild(newElement); } else { parent.insertBefore(newElement,targetElement.nextSibling); } } ex) //test.html 돋보기 포트폴리오 | 네오이엔지 | 이천농촌체험관광 | 시우리 | 채운산장

nextSibling, previousSibling : 현재 노드의 바로 다음 형제 노드를 반환한다. node.nextSibling : 현재 노드의 바로 다음 형제 노드를 반환한다. node.previousSibling

insertBefore : 기존에 존재하는 요소 앞에 새요소를 삽입 시키는 메소드 parentElement.insertBefore(newElement, targetElement) //newElement:새로만든 요소 targetElement:뒤에 출력되는 요소) ex) //test.html 돋보기 포트폴리오 | 네오이엔지 | 이천농촌체험관광 | 시우리 | 채운산장 | 벨하우스 //example.js //페이지 로딩후 뿌려질 항수들의 위한 함수 function addLoadEvent(func) { var oldonload = window.onload; if(typeof window.onload != 'function') { window.onload = func; }else{ window.onload = f..

createTextNode : 요소가 아닌 텍스트노드를 생성한다. document.createTextNode(text) ex) //test.html //example.js //페이지 로딩후 뿌려질 항수들의 위한 함수 function addLoadEvent(func) { var oldonload = window.onload; if(typeof window.onload != 'function') { window.onload = func; }else{ window.onload = function() { oldonload(); func(); } } } //페이지에 출력한 내용설정 함수 function docp() { var para = document.createElement("p"); var testdiv =..

appendChild : 새로 만든 노드를 문서 트리 구조에 추가한다. : parent 노드의 제일 마지막 요소로 추가된다.(부모 태그가 끝나기 바로전) parent.appendChild(child) ex) //test.htm //example.js window.onload = function() { var para = document.createElement("p"); var testdiv = document.getElementById("testdiv"); testdiv.appendChild(para); }