자바스크립트 기본 제어 메소드들

A>출력

.innerHTML  -- 태그의 사이에 삽입

.write(내용) --본문에 쓸 내용 삽입 -- HTML이 다 로드 된 후 호출하면 기존의 html 전부 삭제

 

 

B>style 객체

.style -- style 정보를 가지고 있는 객체 

.style.fontSize --style 의  fontSize 제어

.style.display = 'none' --안보이게 하기

 

 

C> event 객체

사용 예시

<button event = function() >

event 종류

onchange	An HTML element has been changed
onclick	The user clicks an HTML element
onmouseover	The user moves the mouse over an HTML element
onmouseout	The user moves the mouse away from an HTML element
onkeydown	The user pushes a keyboard key
onload	The browser has finished loading the page

 

D>문자열 제어

 

문자열[인덱스] --인덱스 위치에 있는 문자열의 문자 가져오기

.length   -- 길이 리턴

.indexOf('문자') --문자가 있는 첫번째 인덱스 리턴

.indexOf('문자',탐색시작 인덱스) 

.lastIndexOf('문자') --문자가 있는 인덱스 리턴 , 검색은 끝에서 부터, 리턴은 문장시작부터의 인덱스

.search('문자') --문자가 있는 첫번째 인덱스 리턴

 

--indexOf() 와 search의 차이점

1.indexOf() 는 정규표현식 가능

2.search는 두번째 파라미터가 없음, 무조건 첫번째 인덱스 리턴

 

 

.slice(시작,끝) -- 시작부터 끝 이전까지 문자열 잘라오기 -- 새 배열을 리턴

.substr(시작,추출되는 길이) -- 시작부터 길이만큼 가져오기

.replace('문자1', '문자2')  --문자1 을 문자2 로 교체하기 , 처음으로 만나는 문자1을 교체한다.

                                 -- 대 소문자 구분한다.

                                 --/문자1/i  로 하면 대소문자 구별안한다.

                                 --/문자1/g 로 하면 전부다 바꿔준다.

.concat('이을 문자') -- 문자열 합치기

.trim() -- 공백 제거

.padStart(자리수,채울문자) --자리수만큼 앞에서부터 문자를 채움

.padEnd(자리수,채울문자) --자리수만큼 뒤에서부터 문자를 채움

.charAt(인덱스) -- 인덱스의 문자를 가져옴

.charCodeAt(인덱스) --인덱스 문자의 유니코드값을 가져옴       

.split('기준문자') --기준문자 대로 나눔                         

 

E>숫자 제어

.toString() --숫자를 문자로 변환

.toPrecision(길이) -- 특정 길이까지 출력

                       --ex) 9.626.toPrecision(2) == 9.7

.valueOf() --객체(숫자, Object등 )를 숫자로 리턴

Number(boolean 타입) --1이나 0 리턴

Number(Date 타입) --1970.1.1 부터 현재까지의 밀리세컨드