JS 로 프레임 하위 페이지 새로 고침
7379 단어 프레임
먼저 간단 한 예 를 살 펴 보 자. 다음은 세 페이지 를 각각 frame. html, top. html, bottom. html 로 예 를 들 어 어떻게 하 는 지 구체 적 으로 설명 한다.프레임. html 는 위 (top. html) 아래 (bottom. html) 두 페이지 로 구성 되 어 있 으 며 코드 는 다음 과 같 습 니 다.
자바 코드
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> frame </TITLE>
</HEAD>
<frameset rows="50%,50%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>
</HTML>
현재 top. html (즉 위의 페이지) 에 7 개의 button 이 있다 고 가정 하면 bottom. html (즉 아래 페이지) 에 대한 새로 고침 을 실현 할 수 있 습 니 다. 다음 7 가지 문 구 를 사용 할 수 있 습 니 다. 어느 것 이 자신 이 알 아서 할 수 있 습 니까?문장 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 ();top. html 페이지 의 코드 는 다음 과 같 습 니 다.
자바 코드
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> top.html </TITLE>
</HEAD>
<BODY>
<input type=button value=" 1" onclick="window.parent.frames[1].location.reload()"><br>
<input type=button value=" 2" onclick="window.parent.frames.bottom.location.reload()"><br>
<input type=button value=" 3" onclick="window.parent.frames['bottom'].location.reload()"><br>
<input type=button value=" 4" onclick="window.parent.frames.item(1).location.reload()"><br>
<input type=button value=" 5" onclick="window.parent.frames.item('bottom').location.reload()"><br>
<input type=button value=" 6" onclick="window.parent.bottom.location.reload()"><br>
<input type=button value=" 7" onclick="window.parent['bottom'].location.reload()"><br>
</BODY>
</HTML>
다음은 bottom. html 페이지 소스 코드 입 니 다. 아래 페이지 가 새로 고침 되 었 음 을 증명 하기 위해 페이지 를 불 러 온 후 대화 상 자 를 팝 업 합 니 다.bottom. html 페이지 의 코드 는 다음 과 같 습 니 다.
자바 코드
Thisisthecontentinbottom.html.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> bottom.html </TITLE>
</HEAD>
<BODY onload="alert(' !')">
<h1>This is the content in bottom.html.</h1>
</BODY>
</HTML>
설명: 1. window 는 현재 페이지 를 말 합 니 다. 예 를 들 어 이 예 는 top. html 페이지 를 말 합 니 다.2. parent 는 현재 페이지 의 부모 페이지, 즉 프레임 페이지 를 포함 하 는 것 을 말한다.예 를 들 어 이 예 에 대해 서 는 framedemo. html 를 말 합 니 다.3. frames 는 window 대상 이 고 배열 입 니 다.이 프레임 안의 모든 하위 페이지 를 대표 합 니 다.4. 아 이 템 은 방법 이다.배열 의 요 소 를 되 돌려 줍 니 다.5. 하위 페이지 도 프레임 페이지 이 고 안에 다른 하위 페이지 가 있다 면 위의 방법 은 안 될 수도 있 습 니 다.첨부: Javascript 페이지 새로 고침 의 몇 가지 방법: 1 history. go (0) 2 location. reload () 3 location = location 4 location. assign (location) 5 document. execCommand ('Refresh') 6 window. navigate (location) 7 location. replace (location)8 document. URL = location. href 자동 으로 페이지 새로 고침 방법: 1. 페이지 자동 새로 고침: 다음 코드 를 < head > 영역 에 추가 합 니 다. < meta http - equiv = "refresh" content = "20" > 그 중 20 은 20 초 간격 으로 페이지 를 새로 고침 합 니 다. 2. 페이지 자동 이동: 다음 코드 를 < head > 영역 에 추가 합 니 다. < meta http - equiv = "refresh" content = "20; url ="http://www.wyxg.com"> 그 중 20 손가락 이 20 초 간격 으로 이동http://www.wyxg.com페이지 3. 페이지 자동 새로 고침 js 버 전 < script language = "JavaScript" > function myrefresh () {window. location. reload ();} setTimeout ('myrefresh ()', 1000); /1 초 에 한 번 < / script > ASP. NET 새로 고침 부모 창 스 크 립 트 문 구 를 출력 하 는 방법 을 지정 합 니 다. 1. this. response. write ("< script > opener. location. reload (); < / script >");2. this.response.write("
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Pytest 테스트 프레임워크 기본 사용 방법 상세 정보pytest 소개 2. 매개 변수화를 지원하여 테스트할 테스트 용례를 세밀하게 제어할 수 있다. 3. 간단한 단원 테스트와 복잡한 기능 테스트를 지원할 수 있고selenium/appnium 등 자동화 테스트, 인터페...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.