> 웹 프론트엔드 > JS 튜토리얼 > js가 프레임 하위 페이지를 새로 고치는 7가지 방법 code_javascript 기술

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

WBOY
풀어 주다: 2016-05-16 18:58:26
원래의
1077명이 탐색했습니다.

다음에서는 이 작업을 수행하는 방법을 설명하기 위해 예를 들어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()">










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




코드 복사


코드는 다음과 같습니다.

button.html의 내용입니다.




관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿