상세 컨텐츠

본문 제목

자바스크립트 기초 필기내용

관리X 과거글

by 까먹기전에 2014. 12. 11. 12:28

본문

반응형

##Java Script##


Array객체

변수=배열.concat() 다른 배열추가 

배열.push(배열요소,요소) 배열추가

변수=배열.join("")배열값을 하나의문자열로

reverse()배열값을 반대로 해줌 자동변경

slice(1,3)배열값 분리 1번째부터 3전까지

sort()배열을 정렬 매개변수 (fonction(b,c){return b-c }<---오름차순 거꾸로 빼면 내림차순

pop() 스택구조 퍼스트인라스트아웃

shift() 큐구조 퍼스트인퍼스트아웃


Event객체

event.srcElement 이벤트가 발생된객체


Window객체

opener 윈도우를 연 부모윈도우

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

Date 객체

var d = new Date(년,월,일)

getYear()

getMonth()

getDate()일

getDay()요일 0이 일요일

getHour()시간

getMinutes()

getSeconds()

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

String 객체

fontcolor("색상")

toUpperCase():대문자

toLowerCase():소문자

substr(여기부터,어디까지)=substring

concat()문자열 내용추가

split()매개변수입력기준에따른분리

charAt()인덱스위치의문자

자바 StringBuffer

append("")

Math객체

Math.random():0이하의 랜덤소수

Math.ceil("숫자")올림

Math.round()반올림

Math.floor()버림

Math.max  min

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

이벤트핸들러

mouseover

mouseout

mouseup

mousedown

mousemove

click클릭

dbclick더블클릭

focus포커스

blur포커스를 잃을시

error에러났을시

load대상을열기시작

move윈도우이동

change요소값변경시

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

내장함수

alert("")경고

confirm()확인

prompt(대화상자,입력창)입력

eval() 문자열->수식

parseint,parsefloat

isNaN()숫자인가?

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

a=" ";

document.write(!a.trim());

쓰는이유는 그냥 !a 하면 공백입력을 하면 뭐라도 입력했다고 인식하고 false가 나온다

하지만 !a.trim() 을 하면 공백을 없애주니, 공백만 입력해도 아무것도 입력안헀다고 결과값이 true가 나온다

if(!a.trim()){                                          

document.write("공백 입력하면 안되요");   -> 입력값 스페이스 한번후 엔터

}

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

<html>

 <body>

 <script>

 function a(){

  return function(){ return 1; };

 }

 function b(){

  return function(){ return 2; }();

 }

 document.write(a()()+"<br>"); -> a() 이 내부객체니깐 function()  

 document.write(b()+"<br>");  -> function(){ return 2; }(); 펑션을 실행이니 b()만 해도 나옴 

 </script>

 </body>

</html>

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

a="dfg"

a.charAt(0) -> d

a.charAt(1) -> f

a.charAt(2) -> g

 변수=문자열.charAt(인덱스);

 변수=문자열.indexOf(문자열);

 변수=문자열.lastIndexOf(문자열);

 변수=문자열.substring(인덱스,인덱스);  

 변수=문자열.substring(인덱스);  

 변수=문자열.concat(문자열);  

 변수=문자열.toUpperCase();

 변수=문자열.toLowerCase(); 

 변수=문자열.split(문자열);

 변수=문자열.length;





★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

Math.ceil 소수점 강제올림

Math.round 반올림

Math.floor 강제내림


# Array객체

변수=배열.concat(또다른배열);

변수=배열.join(""); -> 콤마 대신 넣을꺼

배열.reverse();  -- 문자를 거꿀러 따로 안담아도됨

변수=배열.slice(i,j); --   i<=  <j    i부터 j-1까지 짤라서 담아야함 

배열.sort();

배열.push(배열요소,배열요소,...);

배열.pop();    stack

배열.shift();  queue

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

(가로 , 세로) + 는 우 //// - 는 좌

moveBy(0,-10) -> 현위치에서 위로 10픽셀이동

moveBy(-10,0) -> 현위치에서 좌로 10픽셀이동

moveBy(10,0) -> 현위치에서 우로 10픽셀

moveBy(0,10) -> 현위치에서 아래로 10픽셀이동

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

document.createElement("태그명")

document.createTextNode("텍스트")


객체명.replaceChild(newChild,oldChild)

객체명.removeChild(oldChild)

객체명.appendChild(newChild)

객체명.firstChild(처음자식)

객체명.lastChild(마지막자식)

객체명.parentNode 

객체명.childNodes

객체명.previousSibling 

객체명.nextSibling


tdTag.parentNode.tagName<---TR<대문자

객체명.childNodes[0]<배열

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

b1.onclick=function(){ history.go(-2); }

b2.onclick=function(){ history.back(); }

b3.onclick=function(){ history.forward(); }

b4.onclick=function(){ history.go(2); }

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

form 태그 접근은 name 으로 가장 많이 씀

//document.forms[0].elements[3].onclick=clickFunc;

//document.f.b.onclick=clickFunc;

//document.getElementById(´buttonObj´).onclick=clickFunc;

//document.forms[´f´].elements[´b´].onclick=clickFunc;

document.forms[´f´].elements[´buttonObj´].onclick=clickFunc;

function clickFunc(){ alert(1); }

'관리X 과거글' 카테고리의 다른 글

자바 재귀함수로 1~1000 총합 구하기  (0) 2014.12.14
자바 arrayList 공부, 사용이유  (0) 2014.12.14
java 개인 공부 필기내용  (0) 2014.12.11
오라클 공부중 기초  (0) 2014.12.11
자바 arrayList 예제  (0) 2014.12.04

관련글 더보기