티스토리 뷰
오늘의 it정보는 HTML 객체에 관한 정리입니다. html에는 다양한 객체가 존재합니다만 아래 자주 사용되는 객체를 정리해보았습니다.
첫번째 각 객체의 설명입니다.
* window객체는 아래와 같습니다.
window.resizeBy(x,y) --------> 상대적인 길이를 입력하여 현재 브라우저의 창 크기를 축소/확대한다.
window.resizeTo(x,y) --------> 절대적 좌표를 지정하여 브라우저의 크기를 설정한 다.
※ window.open("불러올 웹페이지 또는 주소", "창 이름", "창의 속성(크기, 상태바, 메뉴등등)") => 새창띄우기입니다.
window.close() --------> 창 닫기입니다.
window.scrollBy(x,y) --------> 창을 상대적인 좌표로 스크롤합니다.
window.moveBy(x,y) --------> 창을 상대적인 좌표로 이동합니다.
window.moveTo(x,y) --------> 창을 절대적인 좌표로 이동합니다.
window.print() --------> 프린트하기입니다.
window.faultStatus --------> 브라우저의 상태바에 초기 문자열을 설정입니다.
※ window.status -------->브라우저의 상태바에 출력하는 경우에 사용합니다.
--------------------------------------------------------------------------------------------------------------
※ setTimeout('실행할함수',시간) --------> 지정해준 시간 후 함수실행 단 한번만 실행된다(입력시키는 시간은 1/1000초)
※ setInterval('실행할함수',시간) --------> 지정한 시간만큼 간격으로 반복실행합니다.
--------------------------------------------------------------------------------------------------------------
※ document.write() --------> 현재 문서에 글쓰기 입니다.
document.title --------> 홈페이지 제목입니다.
document.location --------> 홈페이지 위치입니다.
document.lastModified --------> 홈페이지 최종수정날짜보기입니다.
* string 객체설명 입니다.
ex) a="안녕하세요"
document.write(a.length) --------> a라는 변수에 저장되어있는 데이터 길이 를 표시합니다.
document.write("다음".link("주소") --------> 다음이라는 글씨를 누르면 주소에 입력된 곳으로 이동합니다.
document.write("바보".anchor("b")) --------> 현재 바보라는 글씨에 위치를 b라는 이름으로 기억 합니다.
document.write("바보찾기".link("#b")) ------> b라는 이름으로 저장된 곳으로 화면이동합니다.
document.write(a.indexOf("요")) --------> "요"라는 글씨가 몇 번째 있는지 표시합니다.
결과 값은 4 입니다.
document.write(a.charAt("3")) --------> 3번째 데이터를 가져온다. 0부터 시작하므로 결과 값은 "세" 입니다.
document.write(a.substring(0,3)) --------> 0번째 데이터부터 3번째 전까지 데이터를 가져온다. 결과 값은 "안녕하"입니다.
document.write(a.substr(3,2)) --------> 3번째 위치한 데이터포함 2글자를 가져온다. 결과 값은 "세요"입니다.
document.write("abc".toUpperCase()) --------> 소문자를 대문자로 바꿉니다.
document.write("ABC".toLowerCase()) --------> 대문자를 소문자로 바꿉니다.
document.write("최".concat("수영")) --------> "최"라는 데이터와 "수영"이라는 데이터 합치기입니다.
document.write("ABC".toLowerCase()) --------> 대문자를 소문자로 바꿉니다.
document.write("A B".split(" ")) --------> split뒤 ()안에 입력값을 기준으로 앞 에 데이터를 분리. 결과 값은 A,B 스페이스 대신 , 출력된다
document.write("56789".charCodeAt(1)) --------> 1번째 위치하고 있는6의 아스키코드값입니다.
* Math 객체 설명 입니다
ex) a=3.567;
b=3.14;
c=-5.12;
document.write(Math.abs(c)) --------> 절대값 결과값은 5.12입니다.
document.write(Math.ceil(b)) --------> 정수표현 올림 결과값은 4입니다.
document.write(Math.round(b)) --------> 정수표현 반올림 결과값은 3입니다.
document.write(Math.floor(b)) --------> 정수표현 내림 결과값은 3입니다.
document.write(Math.pow(2,10)) --------> 2의 10승 따라서 결과값은 1024입니다.
document.write(Math.random()) --------> 0과 1사이의 값을 램덤생성합니다.
document.links.length --------> 현재 페이지에 링크시킨 수입니다.
document.images.length --------> 현재 페이지에 이미지 수입니다.
--------------------------------------------------------------------------------------------------------------
* Date객체설명 입니다.
※ new Date() => 현재시간날짜입니다.
ex) a = new Date(); --------> a라는 변수에 현재날짜 시간을 집어넣겠다.
a.getHours() --------> a라는 변수에 들어있는 시간 꺼내오기입니다.
a.getMinutes() --------> a라는 변수에 들어있는 분 꺼내오기입니다.
a.getSeconds() --------> a라는 변수에 들어있는 초 꺼내오기입니다.
a.toLocaleString() --------> 2007년 10월 22일 월요일 오후 9:47:08 형태로 데이터를 표현합니다.
a.getYear() --------> a라는 변수에 들어있는 년(년/월/일중에서) 꺼내오기입니다.
a.getMonth() --------> a라는 변수에 들어있는 월(년/월/일중에서) 꺼내오기입니다.
a.getDate() --------> a라는 변수에 들어있는 일(년/월/일중에서) 꺼내오기입니다.
--------------------------------------------------------------------------------------------------------------
* array객체 설명입니다.
a=new Array(3) --------> 0~2까지 3개에 배열 만들기. a[0],a[1],a[2]
ex)a[0]=“가”, a[1]=“나”, a[2]=“다”
a.join("/") --------> 구분자를 /로 변경하여 준다. 기본값은 , 이다. a를 화면에 뿌리면 가/나/다로 출력
a.reverse() --------> 저장된 데이터를 역순으로 변경하여 저장 a[0]=“다”, a[1]=“나”, a[2]=“가”
a.slice(1,3) --------> 자르기. 결과값은 나,다 입니다.
a.sort() --------> 오름차순 숫자/영문/한글 순서로 정렬합니다.
--------------------------------------------------------------------------------------------------------------
* location객체
location.href="주소" --------> 입력된 주소로 이동하기입니다.
--------------------------------------------------------------------------------------------------------------
이상 html객체 정리입니다. 늘 느끼는 거지만 it를 이용하여 이러한 기술을 만드신 분들은 정말 대단하십니다!