js_기본 지식의 top/parent/frame 개요 및 사례 적용

참조 방법 top:
이 변수는 항상 분할 창의 최상위 수준에 있는 브라우저 창을 참조합니다. 분할 창의 최상위 수준에서 명령을 실행하려는 경우 top 변수를 사용할 수 있습니다.

parent:
이 변수는 현재 분할 창이 포함된 상위 창을 참조합니다. 창 내에 분할 창이 있고 분할 창 중 하나에 분할 창이 포함되어 있는 경우 수준 2의 분할 창은 상위 변수를 사용하여 이를 포함하는 상위 분할 창을 참조할 수 있습니다.
첨부: Window 객체, Parent 객체, Frame 객체, Document 객체, Form 객체의 계층적 관계

Windwo 객체→Parent 객체→Frame 객체→Document 객체→Form 객체의 계층 관계는 다음과 같습니다.
parent.frame1.document.forms[0].elements[0].value;
JS에서는 window.location(window.location.href) 및 window.top.location(window.top.location.href)이 있습니다. 동일합니다. 이는 top을 통해 모든 프레임을 호출할 수 있다는 의미입니다. 왜냐하면 top은 가장 바깥쪽 프레임세트를 참조하고 그 안의 모든 하위 요소 프레임을 호출할 수 있기 때문입니다. 예: top.outterFrame1.location 및 top.innerFrame2.location 등

부모는 그 안에 있는 모든 하위 요소 프레임을 호출할 수 있는 현재 창(프레임)의 상위 창(프레임세트)을 나타냅니다. 예: parent.innerFrame1.location 및 parent.innerFrame2.location 등

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

head>






<프레임 이름="innerFrameName1" id="innerFrameId1" src="a.html">
<프레임 이름="innerFrameName2" id="innerFrameId2" src= "a .html">

>< ;/html>