Where The Streets Have No Name
javascript [필수] -(7) 본문
- 윈도우에 로드되어 있는 현재 문서의 URL에 액세스하거나 새로운 문서를 로드할 때 사용
location 객체의 프로퍼티 프로퍼티 | 설 명 |
---|
hash | URL의 앵커 부분(존재하는 경우) |
host | URL의 hostname:port 부분 |
hostname | URL의 host부분 |
href | 전체 URL |
pathname | URL의 경로명 부분 |
port | URL의 포트 부분 |
protocol | URL의 프로토콜 부분 |
search | URL의 쿼리 스트링 부분 |
location 객체의 메소드 - reload() : 윈도우의 현재 문서를 브라우저의 Reload 버튼에서 사용하는 정책에 따라 다시 로드
- Every time : 문서는 매번 서버에서 다시 로드
- Once per session : 서버의 문서의 날짜가 캐시에 저장되어 있는 문서보다 더 최신 날짜라는 것을 나타내면 문서는 세션당 한 번씩 서버에서 다시 로드된다. 문서가 캐시에 없는 경우에는 서버에서 로드
- Never : 문서는 가능하면 캐시에서 다시 로드, 그렇지 않으면 서버에서 로드
- replace() : URL을 파라미터로 취하여, 현재 문서 히스토리 목록에 있는 현재 문서위로 그 URL의 문서를 로드, 그러면 브라우저의 Back버튼을 클릭하여 이전 문서로 돌아갈 수 없음
- link 객체는 document 객체의 프로퍼티로, 문서에 들어있는 텍스트나 이미지 링크를 캡슐화
- links 배열은 문서에 들어있는 모든 링크의 배열
- link 객체의 메소드
handleEvent() : event 객체를 인자로 취하며 그 이벤트에 대해 적당한 이벤트 핸들러 호출
link 객체의 프로퍼티 프로퍼티 | 설 명 |
---|
hash | URL의 앵커 부분(존재하는 경우) |
host | URL의 hostname:port 부분 |
hostname | URL의 host부분 |
href | 전체 URL |
pathname | URL의 경로명 부분 |
port | URL의 포트 부분 |
protocol | URL의 프로토콜 부분 |
search | URL의 쿼리 스트링 부분 |
target | 링크의 HTML, target 속성 |
- HTML 문서 안에서 이름이 지정된 오프셋으로 사용되는 앵커 의미
- anchors 배열에는 문서의 모든 앵커가 들어있음
- 프로퍼티나 메소드 또는 이벤트를 전혀 가지고 있지 않음
- HTML 문서와 관련하여 정의된 이름이 지정된 오프셋을 추적할 때 사용
- anchor 객체는 HREF 속성을 포함하는 경우에 link 객체가 된다.
- history 객체의 프로퍼티
- current : 윈도우에 나타나는 현재 문서의 URL
- length : History 리스트의 길이
- next : History 리스트에서의 다음 URL
- previous : History 리스트에서의 이전 URL
- history 객체의 메소드
- back() : History 리스트에 이전 문서를 로드. 브라우저의 Back 버튼을 클릭하는 것과 같은 효과
- forward() : History 리스트에 다음 문서를 로드. 브라우저의 Forward 버튼을 클릭하는 것과 같은 효과
- go() : History 리스트에 있는 특정 문서로 감
- go(n) : n>0인 경우, 이 메소드는 History 리스트에서 n개의 엔트리가 앞에 있는 문서를 로드, n=0인 경우에는 현재 문서가 다시 로드되고, n<0인 경우엔 History 리스트에서 n개의 엔트리 뒤에 있는 문서를 로드
- go(string) : go()는 이 스트링을 서브스트링으로 갖고 있는 URL의 History 리스트에서 가장 가까운 문서를 로드
- document 객체의 프로퍼티
- 문서와 함께 로드된 이미지에 대한 액세스 제공
- images 배열은 문서 안에 지정되어 있는 각각의 <IMG>태그에 대한 엔트리가 들어있음
- image 객체 유형을 사용하면 키워드와 생성자로 새로운 image 객체를 명시적으로 만들 수 있다. Image() 생성자는 웹페이지의 일부로서 처음에 나타나지 않는 이미지를 만들고 미리 로드할 때 사용한다. 이러한 image 객체는 브라우저의 캐시에 저장되면 이미 나타난 이미지를 대체할 때 사용
* Image() 생성자를 사용하여 캐시된 이미지 만드는 예 cachedImage=new Image()
cachedImage.src="myImage.gif"
= > 첫번째 문장은 새로운 image 객체를 만들고 그것을 cachedImage 변수에 대입하고, 두번째 문장은 image 객체의 src프로퍼티를 myImage.gif 이미지 파일로 설정한다. 이 경우 myImage.gif는 브라우저 캐시로 로드된다. 그러면 로드된 이미지는 cachedImage 변수를 사용하여 참조 가능하다.
image 객체의 프로퍼티 프로퍼티 | 설 명 |
---|
border | <:IMG> 태그의 BORDER 속성의 값 |
complete | 이미지가 완전히 로드되었는지 식별 |
height | <:IMG> 태그의 HEIGHT 속성의 값 |
hspace | <IMG> 태그의 HSPACE 속성의 값 |
lowsrc | <IMG> 태그의 LOWSRC 속성의 값 |
name | <IMG> 태그의 NAME 속성의 값 |
prototype | image 객체에 사용자 지정 프로퍼티를 추가할 때 사용 |
src | <IMG> 태그의 SRC 속성의 값 |
vspace | <IMG> 태그의 VSPACE 속성의 값 |
width | <IMG> 태그의 WIDTH 속성의 값 |
- 이미지맵은 여러 가지 다른 영역으로 나누어져 있는 이미지로서 각각의 영역은 자체 URL과 관련되어 있다. 그리고 이러한 영역과 관련된 사용자 처리 방식으로 area 객체를 제공
area 객체의 프로퍼티 프로퍼티 | 설 명 |
---|
hash | area 객체의 HREF 속성의 파일 오프셋 부분 |
host | area 객체의 HREF 속성의 호스트 이름 부분 |
hostname | area 객체의 HREF 속성의 host:port 부분 |
href | area 객체의 완전한 HREF 속성 |
pathname | area 객체의 HREF 속성의 경로명 부분 |
port | area 객체의 HREF 속성의 포트 부분 |
protocol | area 객체의 HREF 속성의 프로토콜 부분 |
search | area 객체의 HREF 속성의 쿼리 스트링 부분 |
target | area 객체의 TARGET 속성 |
- Array 객체를 사용하면 배열을 객체처럼 액세스 가능
- Array 객체의 프로퍼티
- length : 배열의 길이 식별
- prototype : 모든 객체 유형이 지원하는 프로퍼티로 객체 유형에 대해 추가적인 프로퍼티 및 메소드 정의 가능
- Array 객체의 메소드
- toString() : 배열의 스트링 버전 리턴, 배열 요소는 컴마로 구분
- join(separator) : 배열의 스트링 버전 리턴, 배열 요소는 seperator 스트링으로 구분, 분리자가 없으면 컴마로 구분
- reverse() : 배열의 요소를 역순으로 바꿈
- sort(comparisionFunction) : 비교 연산에 따라 배열의 요소 정렬. 비교 함수가 지정되면, 배열 요소는 사전순서로 정렬. 비교 연산이 지정되면 두개의 파라미터 p1,p2를 취하고, p1이 p2보다 작은 경우에는 음의 정수를 리턴하고, 같으면 0을 리턴하고, p1이 p2보다 크면 양의 정수 리턴
- Boolean 객체를 사용하면 부울값은 객체로서 액세스 가능
- Boolean 객체는 생성자에 대한 인자로서 값을 식별하여 만들어짐 myBoolean=new Boolean(false)
yourBoolean=new Boolean(true)
- Boolean 객체의 프로퍼티
- prototype : 모든 객체 유형이 지원하는 프로퍼티로 객체 유형에 대해 추가적인 프로퍼티 및 메소드 정의 가능
- Boolean 객체의 메소드
- toString() : 부울값에 해당하는 스트링 리턴
- valueOf() : 객체의 값에 따라 true나 false로 리턴