HTML Document 객체 Document 객체는 HTML DOM에서 핵심적인 객체로 HTML 엘레멘트를 모두 포함하고 있는 HTML 문서의 최상위 객체이다. 따라서 Document 객체를 사용해 HTML 문서의 모든 노드에 접근할 수 있다. Document 객체의 컬렉션 컬렉션 설명 anchors[] 문서내 링크 객체들의 배열 forms[] 문서내 폼 객체들의 배열(시작 인덱스:0) image.. Java Script & DOM/HTML DOM 2010.12.16
URL 정보 객체: Location 객체 location 객체는 자바스크립트 객체로 현재 URL정보를 가지고 있다. location 객체의 프로퍼티 프로퍼티 설명 host 호스트명과 포트 번호를 반환한다. hostname 호스트명을 반환한다. href 전체 URL 정보를 반환한다. pathname path 이름을 반환한다. port 포트 번호를 반환한다. protocol 프로토콜을 반환한다. search 쿼리(Q.. Java Script & DOM/Java Script 2010.12.16
최상위 객체인 window 객체 Window 객체는 브라우저 객체의 최상위 객체로 document. history, location, navigator 객체를 가지고 있다. Window 객체프로퍼티 프로퍼티 설명 name 현재 윈도우창의 이름을 반환한다. defaultState 브라우저의 상태바에 초기 문자열을 설정하는 경우 사용 status 브라우저의 상태바에 문자열을 출력하는 경우 사용 top 계.. Java Script & DOM/Java Script 2010.12.16
방문자의 브라우저 스크린의 정보 탐색: screen 객체 방문자의 브라우저의 스크린 정보를 확인하기 위한 객체로 screen 객체가 있다. document.write("Total width/height: "); document.write(screen.width + "*" + screen.height); document.write("<br />"); document.write("Available width/height: "); document.write(screen.availWidth + "*" + screen.availHeight); document.write("<br />"); document.write("Color depth: ").. Java Script & DOM/Java Script 2010.12.16
방문자의 브라우저 정보 탐색: Navigator 객체 자바스크립트는 브라우저에서 작동한다. 때때로 서버는 브라우저의 정보를 필요로 할 때가 있는데 Navigator객체가 브라우저의 정보를 제공한다. Navigator 객체는 방문자의 브라우저의 이름, 버전 등등의 정보를 가지고 있는 객체이다. Navigator 객체 사용 예) document.write("Browser CodeName: " + navigator.appCodeName); .. Java Script & DOM/Java Script 2010.12.16
정규표현(Regular Expression) 패턴(Pattern) 지정 방법 정규표현을 사용하여 패턴을 지정할 때는 다음과 같은 방법으로 지정한다. 1. 괄호(Bracket) 표현식 설 명 [abc] 괄호 안에 있는 문자열을 찾음(각각 하나씩 모든 문자열을 반환) [^abc] 괄호 안에 있는 문자열이 아닌 것을 찾음 [0-9] 0부터 9까지 있는 문자열을 모두 찾음 [A-Z] 대문자 A부.. Java Script & DOM/Java Script 2010.12.15
자바스크립트 정규표현 객체: RegExp 정규표현(A Regular expression)은 문자 패턴을 설명하는 객체이다. 정규표현을 사용하면 문자열을 검색할 때, 패턴을 사용해 문자열을 검색할 수 있다. 단순한 패턴은 하나의 문자이고, 좀 더 완벽한 패턴은 여러 개의 문자열로 구성되어 있으며 완벽한 패턴을 사용하면 파싱(parsing), 포.. Java Script & DOM/Java Script 2010.12.15
자바 스크립트의 배열 객체(Array) 배열의 생성 var myCars = new Array( "현대", "기아", "쌍용" ); 위와 같이 생성했다면 배열에 저장되는 값은 아래와 같다. myCars[0] = "현대"; myCars[1] = "기아"; myCars[2] = "쌍용"; Array 속성 length : 배열 객체의 요소 수를 반환합니다. Array 메소드 concat(arr) : 객체를 함칩니다. 예제 var arr = new Array(3.. Java Script & DOM/Java Script 2010.12.15
자바스크립트의 날짜 객체(Date) Date객체는 사용자의 시스템 또는 서버의 시스템에서 날짜와 시간을 가져와 화면에 보여줄 수 있는 객체이다. Date객체에서 제공하는 메소드를 이용해 날짜와 시간을 출력하려고 한다면 'new'키워드를 사용해 새로운 객체를 생성하고, 생성한 객체를 이용해 날짜와 시간을 화면에 출.. Java Script & DOM/Java Script 2010.12.15
자바스크립트 함수 사용시 주의점 함수를 사용하는 방법에는 이벤트와 연결하는 방법과 함수를 호출하는 방법이 있다. 이벤트에 함수를 연결하는 경우 문서의 <head>와 <body>영역 모두 작성해도 상관이 없다. 하지만 <body>영역에 함수를 작성할 경우 함수가 적용될 태그 다음에 작성해야 함수를 호출해.. Java Script & DOM/Java Script 2010.12.08