BOM과 DOM의 차이를 정리하면서, 내/외부 객체 정리할게요
resizeTo(), resizeBy()메서드
=> 윈도우의 크기를 변경할 때 사용한다.
focus()메서드는 특정 윈도우로 키보드 포커스를이동시킨다.
scrollTo(), scrollBy()메서드
=> 윈도우 스크롤 위치를 이동시킬때 사용한다.
location 객체의 메서드: => href로 경로이동
assign()메서드는 새로운 문서를 로드한다.
reload()메서드는 현재 문서를 다시 로드한다.replace()메서드는 현재 문서를 새로운 문서로 대체한다.
navigator 객체의 메서드: => 지도
javaEnabled()메서드는 자바가 사용 가능한지 여부 판단한다.
taintEnabled()는 브라우저에서 data tainting이 가능한지 여부 판단한다.
Screen 객체
문서를 객체로써 표현한 DOM에서 Document는 최상위 객체입니다.
Dom에서는 html, head, title, body, h1, a, href, value값들 하나하나가 다 Dom의 객체가 됩니다.
Dom에 존재하는 노드는 다음과 같이 분류할 수 있습니다.
- DOCUMENT_NODE : DOM트리의 루트노드이며 HTML문서를 나타낸다.
window, document가 바로 문서노드타입의 노드이다.
- ELEMENT_NODE : HTML요소를 나타내는 노드이다.
즉<body>, <a>, <p>, <script>, <style>, <html>, <h1> 등을 나타내는 요소노드이다.
- ATTRIBUTE_NODE : 속성을 나타내는 노드로써, class="myClass"와 같은 속성을 나타내는 노드이다.
- TEXT_NODE : 요소 안에 들어있는 텍스트를 나타내는 텍스트노드.
내장객체의 생성자
- Number 객체- Math 객체
- Data 객체
<달력>
(var now = new Date()) => default값은 현재_년/월/일/시/분/초(var now = new Date(2018,1,1))(var now = new Date(1000000)) 기준값 1970,1,1,0,0,0으로부터 흐른값이 나온다(var now = new Date(2018,1,1,1,1,1))
<타이머>
setInterval(timer, 1000) //1초마다 반복실행 (무한루프를 돈다)
setTimeout(function() {clearInterval(id)}, 10000); // 단 한 번, 지정 시간 10초 후 정지.
- Array 객체 (저장, 수정, 삭제, 조회)
조회(1): 모든데이터의 조회는 join,
조회(2): 원하는 데이터의 조회는 indexof
stack에서의 pop과 push는 쌍이고, shift와 unshift는 queue처럼 쓸수있다.
join은 조회할떄쓴다. 반복문없이
1. 반복문을 써도 되고,
2. 반복문없이 join만이용해서 배열을 조회할 수 있다. 인덱스로만쓰느게 아니라 메서드로만 조회한다)
- Document객체 (document.write();)
(document.getElementById("아이디값");) 해당 아이디값을 읽어온다.
- number 객체
var j = 123;var j = new Number(123,456);
<Number 메소드/변수>Number.MAXVALUENumber.toExponential()Number.toFixed(); 소수점 " " 자리까지Number.toString()
- String 객체<script>//String1var s1= new String("java");s1.toUpperCase();s1.toLowerCase();
//String2 var s3= "java-program,html-web:jsp";s3.split("-");
//s4.split[-,"]; 정규식을 이용해서 -이거나 ,이거나 "를 구분자로 쓴다.
//String3 0이상이면 문자열이있고, 0미만이면 문자열없다.var s2= "java program";(s2.indexOf("html")) //<======0미만(s2.indexOf("java")) //<======0이상
//String4 문자열찾기_대소문자 상관x (위치찾기 아님)var s4="java program html web oracle javascript";s4.match("/java/ig"); //자바를 찾아라.s4.match("/[0-9]/ig"); //숫자잇니>라는 정규식표현 (i는 대소문자 안가린다, g는 글로벌(전체범위를 찾는다))
</script>
그 외에도
객체.constructor :생성자 형태
toString(객체) : 객체값을 문자열로 변환
한다.
valueOf(객체) : 객체를 숫자로 변환
한다.
typeOf(객체) : 자료형 변환
한다.
변수.charCodeAt(0)을 통해 캐릭터의 첫자리 유니코드를 알 수 있다.
HTML 요소찾는방법(1) id로 찾기document.getElementById("id값").innerHTML; ==> "택스트태그와 같이 어떤 태그에 넣어주고자 하는 값" ==> 앞으로 넣어주고자하는 값을 Id태그값을 읽어서 그 영역(innerHTML)안에다가 넣어주는 공식
(2) 태그 이름으로 찾기
var eleArray= document.getElementsByTagName("태그이름");
==> 문서안의 모든 해당태그를 찾아서 반환한다
==> 배열로 반환한다. 첫 번째 요소는 eleArray[0]이다.
※ 참고사항으로, .innerHTML말고 value말고 text는 뭔지 궁금하다!!!!
그건 아직 잘 모르겠어서 공부를 더 해야할 것 같다.
'WEB 기초 > Script' 카테고리의 다른 글
| 21. 함수를 이용한 계산기 (0) | 2018.04.15 |
|---|---|
| 20. 이벤트 & window객체 (0) | 2018.04.15 |
| 19. Dom (document object model 문서객체모델)이란? (0) | 2018.04.15 |
| 18. 게시판 응용하기 (0) | 2018.04.15 |
| 17. 주소 공백 분할(String 내부객체) (0) | 2018.04.12 |