js가 프레임 하위 페이지를 새로 고치는 7가지 방법 code_javascript 기술

WBOY

풀어 주다： 2016-05-16 18:58:26

원래의

1066명이 탐색했습니다.

다음에서는 이 작업을 수행하는 방법을 설명하기 위해 예를 들어framedemo.html, top.html, Button.html이라는 세 페이지를 사용합니다.
framedemo.html은 상단, 하단 2페이지로 구성되어 있습니다. 코드는 다음과 같습니다.

코드를 복사하세요 코드는 다음과 같습니다.

 ;HEAD> 
 프레임데모 <br> <br><프레임 이름=버튼 src="button.html"> <br></frameset> <br><br><br>이제 top.html이 위의 페이지라고 가정합니다. 아래에 페이지를 새로 고치는 버튼이 있습니다. 어느 것이 더 쉬운지는 여러분에게 달려 있습니다. <br>문 1. window.parent.frames[1].location.reload(); <br>문 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개의 버튼이 있으며 해당 기능은 아래 프레임 페이지를 새로 고치는 것입니다.)

코드 복사

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

<입력 유형 =버튼 값="새로 고침 3" onclick="window.parent.frames['bottom'].location.reload()">

<입력 유형=버튼 값= "새로 고침 4" onclick ="window.parent.frames.item(1).location.reload()">

다음은 하단 페이지가 실제로 새로고침되었음을 증명하기 위한 대화상자입니다. 페이지가 로드된 후 팝업이 표시됩니다.

코드 복사

코드는 다음과 같습니다.

js가 프레임 하위 페이지를 새로 고치는 7가지 방법 code_javascript 기술

button.html의 내용입니다.