js에서 프레임 하위 페이지를 새로 고치는 7가지 방법
다음은 프레임데모.html, top.html, 버튼.html이라는 세 페이지를 예로 들어 그 방법을 자세히 설명합니다.
Framedemo.html은 상단, 하단 2개의 페이지로 구성되어 있으며, 코드는 다음과 같습니다.
프레임데모
< 프레임 이름=top src="top.html">
<프레임 이름=버튼 src="button.html"> ;/HTML>
이제 위의 페이지인 top.html에 아래 페이지를 새로 고치는 버튼이 있다고 가정합니다. 어느 것이 더 쉬운지는 여러분에게 달려 있습니다.
문 1. window.parent.frames[1].location.reload();
문 2. window.parent.frames.bottom.location.reload()
문 3. window.parent .frames["bottom"].location.reload();
문 4. window.parent.frames.item(1).location.reload()
문 5. window.parent.frames.item ('bottom').location.reload();
문 6. window.parent.bottom.location.reload()
문 7. window.parent['bottom'].location.reload() ;
설명:
1.window는 현재 페이지를 나타냅니다. 예를 들어 이 예에서는 top.html 페이지를 나타냅니다.
2.parent는 현재 페이지의 상위 페이지, 즉 해당 페이지가 포함된 프레임 페이지를 말합니다. 예를 들어, 이 예에서는 framedemo.html을 참조합니다.
3.frames는 창 개체이자 배열입니다. 프레임 내의 모든 하위 페이지를 나타냅니다.
4.item은 메소드입니다. 배열의 요소를 반환합니다.
5. 하위 페이지가 내부에 다른 하위 페이지가 포함된 프레임 페이지인 경우 위 방법 중 일부가 작동하지 않을 수 있습니다.
top.html 소스 코드(페이지에 7개의 버튼이 있으며, 그 기능은 아래 프레임 페이지를 새로 고치는 것입니다)