Frames: 특별한 Window 형식
10520 단어 JavaScripthtml프레임XHTMLGoogle
윈도우 속성 설명
frames[]
현재 창 에 있 는 모든 frame 대상 의 배열 을 저장 합 니 다.
length
창 frame 의 수 는 window. frames. length 와 같 습 니 다.
name
현재 창의 이름 은 JavaScript 1.1 부터 입 니 다. 이 값 은 읽 고 쓸 수 있 습 니 다.
parent
부모 창 참조.
self
창 자체 참조.
top
프레임 에 더 많은 프레임 이 있 는 경 우 를 제외 하고 최고 단계 창 에 대한 참조 입 니 다.
window
현재 창 에 대한 다른 참조
쓰다 Javascript 컨트롤 frame 가장 중요 한 것 은 각자 의 이름과 그들 사이 의 관 계 를 분명히 하 는 것 이다. 만약 당신 이 이름 이 있다 면. frames.html 의 페이지, 페이지 코드 는 다음 과 같 습 니 다: HTML:
-
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
-
<title>FrameSet Test
</title>
-
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
-
</head>
-
<frameset rows="33%,*,33%">
-
<frame src="framerelationship.html" name="frame1" id="frame1" />
-
<frame src="moreframes.html" name="frame2" id="frame2" />
-
<frame src="framerelationship.html" name="frame5" id="frame5" />
-
</frameset>
-
</html>
-
이런 상황 에서 현재 문서 주 체 는 세 개 로 볼 수 있다. frame (frame1,frame2, and frame5) 의 parent ,너 는 아래 의 방식 으로 얻 을 수 있다. frame 숫자: 코드:
window.frames.length
하면, 만약, 만약... frame 중간 실행 코드 는 아래 방법 을 사용 할 수 있 습 니 다. :Code:
window.parent.frames.length
혹은 코드:
parent.frames.length
parent 창 을 표시 하 는 부모 창 도 사용 할 수 있 습 니 다. top 최고 등급 의 창 을 표시 합 니 다. 이렇게 쓸 수 있 습 니 다. top.frames.length ,그러나 주의해 야 할 것 은 네가 끼 워 넣 지 않 는 한 frame ,그렇지 않 으 면 parent 화해시키다 top 일반적으로 한 대상 을 나타 낸다.하나 방문 하기 frame ,쓸 수 있다 name 또는 아래 표 시 된 방식 으로 조회 합 니 다. frames 배열, parent. frames [0]. name 첫 번 째 출력 됩 니 다. frame 이름 frame 1, 마찬가지 로 우리 도 사용 할 수 있다. parent.frame1 혹은 parent.frames["frame1"] 같은 조작 을 실현 하 다 frame 하나 window, 이것 만 알 면 모든 Window 를 사용 할 수 있 습 니 다. 화해시키다 Document 방법이해 하 다 frame 사이 의 관 계 는 쉽게 통과 할 수 있다. parent.frames[] 어떠한 조작 도 frame ,간단 한 프레임 페이지 가 있다 면: HTML:
-
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
-
<title>Two Frames
</title>
-
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
-
</head>
-
<frameset cols="300,*">
-
<frame src="navigation.html" name="frame1" id="frame1" />
-
<frame src="content.html" name="frame2" id="frame2" />
-
</frameset>
-
</html>
-
... 에 있다 navigation 창 안 에는 아래 방식 으로 쌍 을 설정 할 수 있 습 니 다. content 창 참조 변수: Code:
var contentFrame = parent.frames[1]; // 또는 이름 사용
iframe 주의해 야 할 것 입 니 다. frame 변종, iframe 을 사용 하면 프레임 워 크 를 사용 하지 않 을 수 있 지만 페이지 에 삽입 할 수 있 습 니 다. 문 제 는 우리 가 이 를 어떻게 제어 하 느 냐 하 는 것 입 니 다. iframe ?사실 우리 도 쓸 수 있어 요. frames[] 하면, 만약, 만약... iframe 이름 이 있 으 면 통과 할 수 있 습 니 다. getElementById 다음 과 같이 조작 합 니 다: HTML:
-
-
<iframe src="http://www.google.com" name="iframe1" id="iframe1" height="200" width="200">
</iframe>
-
<form action="#" method="get">
-
<input type="button" value="Load by Frames Array"
-
onclick=
"frames['iframe1'].location='http://www.javascriptref.com';" /
>
-
<input type="button" value="Load by DOM"
-
onclick=
"document.getElementById('iframe1').src='http://www.pint.com';" /
>
-
</form>
-
링크 탭 에 추가 할 수 있 습 니 다. target 조작 을 목표 에 게 가리키다 frame :Code:
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.