>웹 프론트엔드 >JS 튜토리얼 >자바스크립트 창 객체 속성 정렬_기본 지식

자바스크립트 창 객체 속성 정렬_기본 지식

WBOY
WBOY원래의
2016-05-16 18:43:32920검색

window 객체에는 다음과 같은 메소드가 있습니다:
open
close
alert
confirm
prompt
setTimeout
clearTimeout
setInterval
clearInterval
moveBy
moveTo
resizeBy
resizeTo
scrollBy
scrollTo
찾기
뒤로
앞으로

중지
인쇄
흐림
초점
captureEvent
enableExternalCapture
disableExternalCapture
handleEvent
releaseEvent
routeEvent
scroll
 1.open 메소드
구문 형식:
window.open(URL, 창 이름, 창 스타일)
기능: 새 창을 열고 창에 지정된 URL 주소가 있는 웹 페이지를 로드합니다.
설명:
open 메소드는 새 브라우저 창을 열고 지정된 URL 주소를 새 창에 로드하는 데 사용됩니다.
open 메소드는 새 브라우저 창을 열 때 사용할 수도 있습니다. 창(두 번째 매개변수);
open 메소드는 새 브라우저 창을 열 때 창 스타일(세 번째 매개변수)을 지정할 수도 있습니다.
창 스타일에는 다음과 같은 옵션이 있습니다. 여러 개를 선택할 수 있는 경우 옵션을 쉼표로 구분하세요.
toolbar: 창에 표준 도구 모음이 있는지 여부를 지정하세요. 이 옵션의 값이 1 또는 yes이면 표준
도구 모음이 있음을 의미합니다. 이 옵션의 값이 0 또는 no이면 표준 도구 모음이 없음을 의미합니다.
위치: 창을 표시할지 여부를 지정합니다. 옵션의 값과 의미는 도구 모음과 동일합니다.
디렉터리: 창에 링크 도구 모음이 있는지 여부를 지정합니다. 옵션의 값과 의미는
상태입니다. 창에 상태 표시줄이 있는지 여부를 지정합니다. 옵션의 값과 의미는 도구 모음과 동일합니다.
menubar: 창에 메뉴가 있는지 여부를 지정하며, 옵션의 값과 의미는 도구 모음과 동일합니다. 🎜>scrollbar: 현재 창 문서가 창보다 클 때 스크롤 막대가 있는지 여부를 지정합니다. 옵션의 값과 의미는
toolbar 와 동일합니다.
resizing: 창 크기를 조정할 수 있는지 여부를 지정합니다. 옵션의 값과 의미는 도구 모음과 동일합니다.
width: 창의 너비를 픽셀 단위로 지정하며, 이는 innerWidth로 대체되었습니다.
height: 픽셀 단위로 창의 높이를 지정합니다. innerHeight로 대체되었습니다.
outerWidth: 창의 외부 너비를 픽셀 단위로 지정합니다.
left: 픽셀 단위로 창의 위치를 ​​지정합니다.
top: 화면 상단에서 창의 위치를 ​​픽셀 단위로 지정합니다.
alwaysLowered: 창이 모든 창 뒤에 숨겨지도록 지정합니다.
alwaysRaised: 창이 모든 창 위에 떠 있도록 지정합니다. 옵션의 값과 의미는 도구 모음과 동일합니다.
종속: 열린 창을 하위 창으로 지정합니다. 현재 창은
상위 창을 닫을 때 닫힙니다. 옵션 값과 의미는 도구 모음과 동일합니다.
단축키: 메뉴 표시줄 없이 새 창에서 안전하게 종료하기 위한 단축키를 설정합니다. 옵션의 의미는
toolbar와 동일합니다.
innerHeight: 창 픽셀 높이를 설정합니다.
innerWidth: 창에서 문서의 픽셀 너비를 설정합니다.
screenX: 화면 왼쪽 가장자리부터 창의 픽셀 길이;
screenY: 화면 위쪽 가장자리에서 창의 픽셀 길이를 설정합니다.
titleBar: 새 창에 제목 표시줄이 표시되는지 여부를 나타냅니다. 옵션의 값과 의미는 툴바와 동일합니다.
z-look: 창이 활성화되면 다른 창 위에 떠 있을 수 없음을 나타냅니다. 옵션의 값과 의미는
과 같습니다. 도구 모음.
open 메소드는 창에 대한 참조를 반환합니다.
팁: 이 방법은 웹페이지를 열 때 자동으로 다른 창을 열 때 자주 사용됩니다.
예 6-2-1: 현재 창이 열릴 때 자동으로 다른 창을 여는 데 사용되는 작은 프로그램을 준비합니다. 해당 창에는 표준 도구 모음, 주소 표시줄, 링크 도구 모음 또는 메뉴가 없어야 합니다. 바에 상태 열이 있는데, 창에 열린 웹페이지 주소는
http://www.jb51.net입니다.
2. 닫기 메소드
구문 형식:
window.close()
기능: 닫기 메소드는 브라우저 창을 자동으로 닫는 데 사용됩니다.
3. 경고 방법
문법 형식:
window.alert(프롬프트 문자열)
기능: 경고 상자를 팝업하고 경고 상자에 프롬프트 문자열 텍스트를 표시합니다.
4. 확인 방법
구문 형식:
window.confirm(프롬프트 문자열)
기능: 확인 상자를 표시하고, 사용자가 "확인"을 클릭하면 확인 상자에 프롬프트 문자열을 표시합니다. 메서드는
버튼을 클릭하면 true를 반환하고 "취소"를 클릭하면 false를 반환합니다.
5. 프롬프트 방법
문법 형식:
window.prompt(프롬프트 문자열, 기본 텍스트)
기능: 입력 상자 표시, 입력 상자에 프롬프트 문자열 표시, 텍스트 입력 상자에는 기본 텍스트
가 표시되고 사용자가 "확인" 버튼을 클릭하면 사용자가 입력한 문자열이 반환됩니다.
이 "취소" 버튼을 클릭하면 null 값이 반환됩니다.
6. setTimeout 메소드
문법 형식:
window.setTimeout(코드 문자 표현, 밀리초)
기능: 타이밍 설정, 지정된 밀리초에 도달하면 자동으로 코드 문자 표현이 실행됩니다. .
7.clearTimeout 메소드
구문 형식:
window.clearTimeout(timer)
기능: 이전 타이밍 설정을 취소하고, 매개변수는 setTimeout으로 설정 시 반환 값입니다.
8. setInterval 메소드
구문 형식:
window.setInterval(코드 문자 표현식, 밀리초)
기능: 시간 간격(두 번째 매개변수)을 설정한 후 "코드 "문자 표현식"을 반복 실행합니다. content
9.clearInterval 메소드
구문 형식:
window.clearInterval(시간 간격 지정자)
기능: setInterval에 의해 설정된 타이밍을 취소합니다. 매개변수는 setInterval 메소드의 반환 값입니다.
10. moveBy 메소드
구문 형식:
window.moveBy(수평 변위, 수직 변위)
함수: 주어진 픽셀 매개변수에 따라 지정된 창을 이동합니다. 첫 번째 매개변수는 창이 수평으로 이동하는 픽셀이고, 두 번째 매개변수는 창이 수직으로 이동하는 픽셀입니다.
11.moveTo 메소드
구문 형식:
window.moveTo(x,y)
기능: 지정된 지정된 좌표(x, y)로 창을 이동합니다.
12. resizeBy 메소드
구문 형식:
window.resizeBy(가로, 세로)
기능: x 값이 변경되면 현재 창을 지정된 크기(x, y)로 변경합니다. 그리고 y는 0보다 크다. 확장되면 0보다 작을 때
는 축소된다.
13. resizeTo 메소드
구문 형식:
window.resizeTo(horizontal width, Vertical width)
함수: 현재 창을 (x, y) 크기로 변경합니다. x, y는 너비이고 높은.
14. scrollBy 메소드
구문 형식:
window.scrollBy(가로 변위, 수직 변위)
기능: 주어진 변위에 따라 창의 내용을 스크롤합니다. 매개변수가 양수이면 정방향으로 스크롤하고, 그렇지 않으면
역방향으로 스크롤합니다.
15. scrollTo 메소드
구문 형식:
window.scrollTo(x,y)
기능: 창의 내용을 지정된 위치로 스크롤합니다.
16.find 메소드
구문 형식:
window.find()
기능: 이 메소드가 트리거되면 "찾기" 대화 상자 창이 팝업되어 사용자가
를 터치할 수 있습니다. find 메소드를 사용하여 페이지에서 문자열을 검색하십시오.
참고: 이 속성은 IE5.5 및 Netscape6.0에서는 지원되지 않습니다.
17. 뒤로 메서드
구문 형식:
window.back()
기능: 사용자가 브라우저에서 "뒤로" 버튼을 클릭하여 브라우저의 이전 페이지로 페이지를 이동하는 것을 시뮬레이션합니다.
참고: 이 작업은 현재 페이지에 이전 페이지가 있는 경우에만 수행할 수 있습니다.
참고: IE5.5는 이 방법을 지원하지 않지만 Netscape6.0은 지원합니다.
18. 전달 방법
구문 형식:
window.forward()
기능: 사용자가 브라우저에서 "앞으로" 버튼을 클릭하여 브라우저의 다음 페이지로 페이지를 이동하는 것을 시뮬레이션합니다.
참고: 이 작업은 현재 페이지에 다음 페이지가 있을 때만 수행할 수 있습니다.
참고: IE5.5는 이 방법을 지원하지 않지만 Netscape6.0은 지원합니다.
19. 홈 메소드
구문 형식:
window.home()
기능: 사용자가 브라우저에서 "홈" 버튼을 클릭하여 페이지를 지정된 페이지로 리디렉션하는 것을 시뮬레이션합니다.
참고: IE5.5는 이 방법을 지원하지 않지만 Netscape6.0은 지원합니다.
20. 중지 방법
구문 형식:
window.stop()
기능: 사용자가 브라우저의 "중지" 버튼을 클릭하여 브라우저의 다운로드 작업을 종료하는 것을 시뮬레이션합니다.
참고: IE5.5는 이 방법을 지원하지 않지만 Netscape6.0은 지원합니다.
21. 인쇄 방법
구문 형식:
window.print()
기능: 사용자가 브라우저에서 "인쇄" 버튼을 클릭하는 것을 시뮬레이션하여 인쇄할 인쇄 대화 상자를 열도록 브라우저에 알립니다.
현재 페이지.
22.blur 메서드
구문 형식:
window.blur()
함수: 창에서 포커스를 제거합니다. focus 메서드와 함께 사용할 때는 주의해야 합니다. 이렇게 하면 포커스
가 계속 들어오고 나갈 수 있기 때문입니다.
23. 포커스 메서드
구문 형식:
window.focus()
함수: 창에 포커스를 가져옵니다. Blur 방식과 함께 사용할 경우 포커스가
연속적으로
들어오고 나갈 수 있으므로 주의해야 합니다. 24. Captureevent 메서드
구문 형식:
window.captureevent(event)
window.captureevent( Event 1|Event 2|...|Event n)
기능: 지정된 매개변수를 사용하여 모든 이벤트를 캡처합니다. 로컬 프로그램 자체에서 처리하는 이벤트를 캡처하는 기능
으로 인해 프로그래머는 이벤트를 처리하는 함수를 자유롭게 정의할 수 있습니다. 캡처해야 할 이벤트가 여러 개 있는 경우 파이프 문자 "|"를 사용하여 각 이벤트를 구분합니다
. 캡처할 수 있는 이벤트 유형은 다음과 같습니다:
event.abort
event.blur
event.change
event.click
event.dblclick
event.dragdrop
event.error
event.focus
event.keydown
event.keypress
event.keyup
event.load
event.mousedown
event.mousuemove
이벤트. mouseout
event.mouseover
event.mouseup
event.move
event.reset
event.resize
event.select
event.submit
event.unload
25.enableexternalcapture 이벤트
구문 형식:
window.enableexternalcapture(event)
기능: 매개변수를 통해 전달된 외부 이벤트를 캡처하는 데 사용됩니다.
26. 비활성화externalcapture 이벤트
구문 형식:
window.disableexternalcapture()
기능: 활성화 외부 캡처 메서드 설정을 취소하고 외부 이벤트 캡처를 종료합니다.
27.handleevent 이벤트
구문 형식:
window.handleevent(event)
함수: 지정된 이벤트를 트리거하는 이벤트 핸들러.
28.releaseevent 이벤트
문법 형식:
window.releaseevent(event)
window.releaseevent(event1|event2|...|eventn)
함수: 매개변수를 통한 릴리스 캡처된 이벤트 , 이러한 이벤트는
window.captureevent 메서드로 설정되며 해제 가능한 이벤트는 Captureevent와 동일합니다.
29.routeevent 이벤트
문법 형식:
window.releaseevent(event)
기능: 캡처된 모든 이벤트를 표준 이벤트 처리 방법으로 전송하여 처리, 전송 가능
파일 캡쳐이벤트와 동일합니다.
30 스크롤 이벤트
구문 형식:
window.scroll(x 좌표, y 좌표)
기능: 창을 지정된 좌표 위치로 이동합니다.
6-2-2 창 개체의 속성
창 개체에는 다음과 같은 속성이 있습니다.
status
statusbar
statusbar.visible
defaultstatus
location
locationbar
locationbar.visible
self
name
closed
frames
frames.length
length
document
history
innerheight
innerwidth
menubar
menubar.visible
opener
outerheight
outerwidth
pagexoffset
pageyoffset
parent
personalbar
personalbar.visible
scrollbar
scrollbar .visible
toolbar
toolbar.visible
top
1. 상태 속성
문법 형식:
window.status=string
기능: 상태 표시줄을 설정하거나 제공합니다. 현재 표시된 정보의 브라우저 창.
팁: 이 속성을 사용하여 브라우저 창 상태 표시줄 정보를 설정할 수 있습니다.
2. 상태 표시줄 속성
구문 형식:
window.statusbar.속성
함수: 상태 표시줄 속성 자체도 객체이며, 상태 표시줄이 보입니다.
참고: IE5.5 브라우저는 이 속성을 지원하지 않습니다.
3. statusbar.visible 속성
구문 형식:
window.statusbar.visible
기능: 상태 표시줄이 표시되는지 확인하면 true를 반환하고 그렇지 않으면 false를 반환합니다.
참고: IE5.5 브라우저는 이 속성을 지원하지 않습니다.
4. defaultstatus 속성
구문 형식:
window.defaultstatus[=string]
기능: defaultstatus 속성 값은 브라우저 창 상태 표시줄의 기본 표시 정보입니다
5. 위치 속성
구문 형식:
window.location=url
기능: 현재 창의 URL 정보를 제공하거나 열려 있는 창의 URL을 지정합니다.
6. locationbar 속성
문법 형식:
window.locationbar.attribute
기능: locationbar 속성은 자체
를 얻는 데 사용됩니다. visible 속성은 위치 표시줄의 표시 여부를 결정합니다.
지금까지 이 속성에는 표시라는 하위 속성이 하나만 있습니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
7. locationbar.visible 속성
구문 형식:
window.locationbar.visible
기능: 위치 표시줄이 표시되면 true를 반환하고 그렇지 않으면 false를 반환합니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
8. self 속성
구문 형식:
window.self.Method
window.self.Attribute
기능: 이 속성은 현재 창의 플래그를 포함합니다.
창이 열릴 때 현재 창의 기능이나 속성이 혼동 없이 올바르게 호출되는지 확인하세요.
9. 이름 속성
구문 형식:
window.name=name
기능: window.open() 메서드가 새 창을 생성할 때 제공되는 창 이름을 반환합니다.
javascript1.0 버전에서는 이 속성을 사용하여 창 이름을 읽을 수 있습니다.
javascript1.1 버전에서는 이 속성을 사용하여 창을 사용하여 생성되지 않은 창에 이름이 부여됩니다.
10. 닫힌 속성
문법 형식:
window.closed
기능: 닫힌 속성은 지정된 창의 인스턴스가 닫혔는지 여부를 반환하는 데 사용됩니다.
, 그렇지 않으면 false를 반환합니다.
11. 프레임 속성
구문 형식:
window.frames["프레임 이름"]
window.frames[값]
기능: 프레임 속성은 배열이며, 프레임을 저장하는 데 사용됩니다. 문서 요소에 의해 생성된 각 하위 창(프레임
프레임) 인스턴스에 대해 아래 첨자는 이를 가져오고 사용하기 위해 프레임 요소의 이름 속성으로 지정된 시퀀스 번호 또는 이름
일 수 있습니다.
12.frames.length 속성
구문 형식:
window.frames.length
함수:frames.length 속성은 문서의 하위 창(프레임) 인스턴스 수를 지정하는 데 사용됩니다. .
13. 길이 속성
문법 형식:
window.length
기능: 길이 속성은 창의 하위 창 수를 반환합니다. 이 속성은
창과 동일한 값을 갖습니다. .frame.length 속성 .
14. 문서 속성
구문 형식:
window.document.Event
window.document.Method
window.document.Attribute
기능: 창의 하위 개체 문서 object is javascript 핵심 개체인 인스턴스는 스크립트에서
body 요소를 만나면 생성됩니다.
15. 기록 속성
구문 형식:
window.history[값]
window.history.Method()
window.history.Attribute
window 객체는 JavaScript의 핵심 객체 중 하나입니다. 이 속성에는 방문한 페이지의 이름과 URL 배열이
포함되어 있습니다.
16. 내부 높이 속성
구문 형식:
window.innerheight=숫자 값
기능: 브라우저 창에서 문서의 픽셀 높이를 반환하거나 지정합니다. 이 높이에는 도구 모음이 포함되지 않습니다. 🎜> 구성요소 창의 페이지 장식 높이입니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
17. 내부 너비 속성
구문 형식:
window.innerheight=숫자 값
기능: 브라우저 창에서 문서의 픽셀 너비를 반환하거나 지정합니다. 이 너비에는 도구 모음이 포함되지 않습니다. 🎜> 창의 페이지 장식 너비입니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
18. 메뉴바 속성
구문 형식:
window.menubar.속성
함수: 메뉴바 속성은 자체
표시를 얻는 데 사용됩니다. 메뉴 표시줄이 표시되는지 여부를 결정하는 속성입니다.
지금까지 이 속성에는 표시라는 하위 속성이 하나만 있습니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
19. menubar.visible 속성
구문 형식:
window.menubar.visible
기능: menubar.visible 속성은 메뉴 표시줄이 표시되는지 여부를 반환하는 데 사용됩니다. true, 그렇지 않으면
false를 반환합니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
20.opener 속성
구문 형식:
window.opener
window.opener.method
window.opener.property
기능: opener 속성은 상위 창과 관련됩니다. 창 연락처를 열고 하위 창
의 연산자 속성에 액세스하면 상위 창이 반환됩니다. 이 속성은 상위 창 개체의 메서드 및 속성에 대한 액세스를 제공합니다.
21.outerheight 속성
구문 형식:
window.outerheight
기능: 외부 높이 속성은 도구 모음의 높이와
를 포함하는 브라우저 창의 픽셀 높이에 액세스하는 데 사용됩니다. 장식적인 가장자리.
참고: IE5.5는 이 속성을 지원하지 않습니다.
22.outerwidth 속성
구문 형식:
window.outerwidth
기능: externalwidth 속성은 도구 모음 및 장식의 너비를 포함하는 브라우저 창의 픽셀 너비에 액세스하는 데 사용됩니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
23. pagexoffset 속성
구문 형식:
window.pagexoffset=숫자 값
기능: 창의 브라우저 창에서 문서 왼쪽 상단의 현재 가로 픽셀 위치를 지정합니다.
moveto를 사용하여 이동하기 전에 이 속성을 사용하여 창을 이동해야 하는지 여부를 결정할 수 있습니다. 이 속성은 전체 페이지를 기준으로 표시되는 문서의 현재 위치를 반환하기 때문입니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
24. pageyoffset 속성
구문 형식:
window.pageyoffset=숫자 값
기능: 창의 브라우저 창에서 문서 왼쪽 상단의 현재 수직 픽셀 위치를 지정합니다.
moveto를 사용하여 이동하기 전에 이 속성을 사용하여 창을 이동해야 하는지 여부를 결정할 수 있습니다. 이 속성은 전체 페이지를 기준으로 표시되는 문서의 현재 위치를 반환하기 때문입니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
25.부모 속성
구문 형식:
window.parent.frames[숫자 값]
window.parent.framesname
기능: 각 하위 창(다중 프레임)이 있는 상위 창에 액세스합니다. )이 위치하고 있습니다.
26. personalbar 속성
구문 형식:
window.personalbar.attribute
함수: personalbar 속성 자체도 개체이며, 개인 표시 속성에 액세스하여
바가 보입니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
27. personalbar.visible 속성
구문 형식:
window.personalbar.visible
기능: 개인 표시줄이 표시되는지 확인하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
28. 스크롤바 속성
구문 형식:
window.scrollbars.property
함수: 스크롤바 속성 자체도 객체이며, 스크롤 여부를 결정하기 위해 자체 표시 속성에 액세스하는 데 사용됩니다
막대가 표시됩니다
참고: IE5.5는 이 속성을 지원하지 않습니다.
29.scrollbars.visible 속성
구문 형식:
window.scrollbars.visible
기능: scrollbars.visible은 스크롤 막대가 표시되는지 확인하는 데 사용됩니다. , 그렇지 않으면
false를 반환합니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
30.toolbar 속성
구문 형식:
window.toolbar.attribute
함수: 도구 모음 속성 자체도 개체이며,
도구 모음이 표시되는지 여부를 결정하는 데 사용됩니다. 표시됩니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
31.toolbar.visible 속성
구문 형식:
window.toolbar.visible
기능: toolsbar.visible 속성은 도구 모음이 표시되는지 확인하는 데 사용됩니다. .
그 반대입니다.
참고: IE5.5는 이 속성을 지원하지 않습니다.
32.top 속성
구문 형식:
window.top.frames[값]
window.top.framename
window.top.method()
window.top.property
기능: 창 개체의 top 속성은 브라우저에 로드된 모든 하위 창(다중 프레임) 중 최상위 창에 대한 정보를 포함하는 데 사용됩니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.