웹프로그래밍 137

javascript - location 객체

windows.location.속성 location.속성=값 location.메소드 location 객체의 속성 속성 설명 hash #다음에 오는 문자열, 즉 앵커 이름을 표시 host 호스트명과 포트번호 표시 hostname 호스트명을 표시 href 완전한 형태의 URL 주소 표시 pathname 문서의 경로 표시 port 포트번호 표시 protocol 프로토콜 종류 표시 search 검색 엔진을 실행할 때 나타나는 ? 이후의 문자 표시 location 객체의 메소드 메소드 속성 reload() 문서를 다시 읽어옴(새로고침) replace("URL 주소") 문서를 URL 주소로 대체하고 이전 페이지로 돌아갈 수 없게 설정(넷스케이프 네비게이터에서만 동작) 예제)

javascript - history 객체

window.history.속성 history.속성.메소드 history 객체의 메소드 메소드 설명 back() 이전 페이지로 돌아감, '뒤로' 이동 아이콘과 같은 역활 forward() 한 페이지 다음으로 이동, '앞으로'이동 아이콘과 같은 역활 go(n) n단계만큼 이동 go(숫자):히스토리 목록에서 정수만큼 뒤에있는 URL로이동 go(문자열): 히스토리 목록애서 문자열을 포함하는 URL로 이동 go(0) 새로고침과 같음 go(1) history.forward()와 같음 go(-1) history.back()과 같음

javascript - navigator

navigator 객체 navigator.속성 navigator.메소드 navigator 객체의 속성 속성 설명 appCodeName 브라우저의 코드명을 알려줌 appName 브라우저의 종류를 알려줌 appVersion 브라우저의 버전을 알려줌 userAgent 브라우저의 코드명, 버전, 운영체제와 같은 브라우저의 정보를 알려줌 platform 시스템 코드를 알려줌 넷스케이프 네비게이터 전용 language 브라우저가 사용하는 언어를 알려줌 mimeTyle mime 정보를 알려줌 plugin 플러그인 정보를 알려줌 navigator 객체의 메소드 메소드 설명 javaEnable() 브라우저에서 자바스크립트를 지원하는지 알려줌 taintEnable() 문서가 정상적으로 열렸는지 알려줌 navigator 예..

javascript - anchor

사용방법document.links[인덱스 번호].속성 document.links.length document.링크이름.속성 anchor 객체의 속성 속성 설명 length 문서에 삽입된 책갈피의 개수를 알려줌 name 책갈피명을 알려줌 넷스케이프 네비게이터 전용 anchor 속성 설명 text 책갈피로 설정한 문자열을 알려줌 x 문서에서 해당 anchor의 x 좌표 값을 알려줌 y 문서에서 해당 anchor의 y 좌표 값을 알려줌

javascript - document 객체

Document객체는 브라우저에서 보여주는 문서에 관련된 정보에 접근할 때에도 사용되고 자바스크립트를 이용하여 브라우저에 출처를 할 때에도 사용됩니다. document 객체의 anchors, form, links 배열을 이요하여 문서에 들어있는 표식, 입력 양식, 링크 정보에 접근할 수 있습니다.사용방법 document.속성 document.메소드 document 객체의 속성 색상 지정 설명 alinkColor 선택 중인 링크 문자색 지정 vlinkcolor 방문한 링크 문자색 지정 bgcolor 문서의 배경색 지정 cookie 쿠키를 사용 가능하게 함 fgcolor 문서의 글자색, 선색 지정 images 이미지 배열 정보 반환 lastModified 가장 최근에 수정한 날짜 반환 layers 레이어 정..

javascript - screen 객체

screen 객체 사용방법 window.screen.속성 screen.속성 screen 객체의 속성 속성 설명 availHeight 작업 표시줄을 제외한 화면 높이를 픽셀 값으로 표시 availWidth 작업 표시줄을 제외한 화면의 너비를 픽셀 값으로 표시 availTop 화면 표시 영역의 y 좌표 표시 availLeft 화면 표시 영역의 x 좌표 표시 height 화면의 높이를 픽셀 값으로 표시 width 화면의 너비를 픽셀 값으로 표시 coloerDepth 컴퓨터에서 사용하고 있는 컬러 수를 표시 pixelDepth 화면의 컬러(bits/pixel) 해상도를 표시(넷스케이프 용) 경고문 함수

javascript - window객체

window 객체의 속성 속성 설명 defaultStatus 브라우저 상태 표시줄에 표시할 문자열의 초기값 설정 status 상태 표시줄에 표시할 문자열 지정 window 창 자신을 가리킴 frames 창에 포함된 프레임을 배열 형태로 지정 opener open()메소드를 사용해서 새창을 열었을 경우, 새창을 열도록 한 문서를 가리킴 parent 주종 관계를 이루고 있는 프레임 문서에서 상위 프레임을 가리킴 self 현재 작업중인 창 자기 자신을 가리킴 top 프레임이 설정되기 전의 상태로 돌아감, 프레임을 모두 무시하고 창 하나만 남음 classes 문서 안에 정의된 모든 스타일시트의 정보를 갖음 tags 문서 안에 정의된 모든 태그의 정보를 나타냄 screenX 창의 x좌표 반환 screenY 창의 ..

javascript - 제어문

if문 if문은 조건이 맞으면 실행되고 맞지 않으면 실행되지 않습니다. 조건 비교후 두 개중 하나만을 선택하여야 할 경우에는 if-else문을 사용하면 됩니다. 패턴1 if(조건) { 실행문1 } 패턴 2 if(조건) { 실행문1 } else { 실행문 } 패턴 3 if(조건) { 실행문1 } if else(조건) { 실행문2 } else { 실행문 } switch문 이해하기입력값이 제한적일 때 사용하면 편리합니다.case에서 기술한 조건과 맞는 값이 있다면 해당 명령을 수행하고, case에서 지정한 조건과 맞는 조건이 없다면 default에서 기술한 명령을 수행합니다. switch(변수) { case값1: 실행문 1; break; case값2: 실행문2; break; case값3: 실행문3; break..

javascript - 연산자

논리연산자 연산자 설명AND(&&) A가 참이고 B도 참이면 참 아니면 거짓 OR(||) A가 참이고 B가 참이면 참 아니면 거짓 A가 참이고 B가 거짓이면 참 아니면 거짓 A가 거짓이고 B가 참이면 참 아니면 거짓 A가 거짓이고 B가 거짓이면 거짓 NOT(!) A가 거짓이면 참 조건연산자 연산자설명 A=(조건)?X:Y 조건이 맞으면 X를 출력하고, 조건과 맞지 않으면 Y를 출력함 증감 연산자 연산자 설명 A++ 변수의 값이 일단 사용된 뒤의 값이 증가 ++A 변수의 값이 증가된 후에 새로운 값이 사용 A-- 변수의 값이 일단 사용된 뒤에 값이 감소 --A 변수의 값이 감소된 후에 새로운 값이 사용 대입연산자 A=8 B=4 이라고 가정 연산자 결과 A+=B -->12 A-=B -->4 A*=B -->32..