window.parent와 window.openner의 차이점 소개_기본지식

오늘은 js의 여러 개체의 차이점과 사용법을 요약하겠습니다.
우선 parent.window와 top.window의 사용법에 대해 이야기해 보겠습니다.
"window.location.href" 및 "location.href"
"parent.location.href"는 이전 레이어로의 페이지 점프입니다
"top.location.href"는 가장 바깥쪽 페이지 점프입니다
예:
A인 경우, B, C, D는 모두 jsp이고, D는 C의 iframe이고, C는 B의 iframe이고, B는 A의 iframe입니다. D의 js를 다음과 같이 작성하면
"window.location.href" , "location.href": D 페이지 점프
로 이동 "parent.location.href": C 페이지 점프
"top.location.href": 페이지 점프
이제 드디어 사용법을 이해하게 되었습니다. target when connect:
_blank : 창 다시 열기
_parent: 부모 창 리디렉션 수행
_self: 자체 페이지 리디렉션
_top: 첫 번째 부모 창 리디렉션
요약하면, 위: parent.window: 부모 Window 개체 top.window: 첫 번째 부모 창의 개체
window.parent와 window.openner의 차이점에 집중해 보겠습니다.
window.parent는 부모 창을 호출하는 iframe 페이지입니다. iframe에서 페이지 객체를 삽입하려는 경우 window.parent를 사용하여 외부 페이지에 직접 액세스할 수 있습니다.
예제는 다음과 같습니다.
A.html

코드 복사 코드는 다음과 같습니다.

부모 페이지< ;/title>

🎜>


< ;/div>





B.html

코드 복사

코드는 다음과 같습니다. >

< /span>





window.opener는 열린 페이지는 상위 페이지 개체를 호출합니다.
예제는 다음과 같습니다
a.html

코드 복사


코드는 다음과 같습니다. 다음과 같습니다:

; 함수 openB() { window.open('b.html ','b','width=400,height=200,status=no,toolbar=no,menubar=no, 위치=no,ressizeable=yes,left=200,top=100');

form id="form1" action="">

입력 값:
;br />
하이퍼링크는 페이지 B를 엽니다

b.html




코드 복사


코드는 다음과 같습니다.

;span>텍스트 상자 값은 다음과 같습니다. < ;/span>

다음은 일반적으로 사용되는 몇 가지 예입니다.
parent.window 및 top.window는 일반적으로 분할 페이지, 즉 프레임셋 또는 iframe에서 사용됩니다.
전체 프레임에서 로그아웃한 후 login.aspx로 돌아갑니다. .window.location='Login.aspx' 또는
top.window.location='Login.aspx'
window.parent는
Refresh: window.parent.location 프레임워크에서도 자주 사용됩니다. reload(); 또는 특정 프레임 새로 고침: window.parent.MainForm.location.reload();
다른 프레임의 요소 값 가져오기: window.parent.MainForm.form1.text1.value; 오프너는 주로 전달됩니다. 하이퍼링크 또는 window.open() 값 가져오기, 새로 고침 등 자체 페이지의 일부 페이지를 엽니다.
새로 고침: window.opener.location.reload()
값 가져오기: window .opener.document.getElement ("txtName").value;
뒤로: top.playFrame.history.go(-1)
앞으로: top.playFrame.history.go(1); 새로 고침: top.playFrame.location.reload();
이것이 전부입니다.