JavaScript에서 프레임 하위 페이지를 새로 고치는 7가지 방법(요약)
- 青灯夜游앞으로
- 2018-10-11 15:01:304423검색
이 글은 JavaScript에서 프레임 하위 페이지를 새로 고치는 7가지 방법을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
다음은 프레임데모.html, left.html, right.html이라는 세 페이지를 예로 들어 이를 수행하는 방법을 설명합니다.
Framedemo.html은 왼쪽과 오른쪽 두 페이지로 구성됩니다. 코드는 다음과 같습니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> < HTML> < HEAD> < TITLE> frameDemo </TITLE> < /HEAD> < frameset cols="200,*"> < frame name=top src="left.html"> < frame name=button src="right.html"> < /frameset> < /HTML>
이제 위 페이지인 left.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개의 버튼이 있으며, 그 기능은 아래 프레임 페이지를 새로 고치는 것입니다.)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> < HTML> < HEAD> < /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>
다음은 right.html 페이지의 소스 코드입니다. 아래 페이지가 실제로 새로 고쳐졌으므로 로드 후 페이지가 팝업됩니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> < HTML> < HEAD> < /HEAD> < BODY onload="alert('我被加载了！')"> < h1>This is the content in button.html.</h1> < /BODY> < /HTML>
테스트 해본 결과 1과 4만 효과가 나타나는데 나머지는 틀린 것 같습니다
========================== ="=
첨부 파일:
Javascript를 사용하여 페이지를 새로 고치는 여러 가지 방법:
1 History.go(0)
2 location.reload()
3 location=location
4 location.sign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
페이지를 자동으로 새로 고치는 방법:
1. 페이지 자동 새로 고침: 93f0f5c25f18dab9d176bd4f6de5d30e 영역에 다음 코드를 추가합니다
<meta http-equiv="refresh" content="20">
20개의 손가락이 20초마다 페이지를 새로 고칩니다.
2. 다음 코드를 ef0c2772b76bfffb9337fc47aea795ed 영역
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
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("<script>opener.window.location.href = opener.window.location.href;</script>");
3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</script>")JS 새로 고침 프레임 스크립트 문
//如何刷新包含该框架的页面用
< script language=JavaScript>
parent.location.reload();
< /script>
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
< /script>
( 或 <a href="javascript:opener.location.reload()">刷新</a> )
//如何刷新另一个框架的页面用
< script language=JavaScript>
parent.另一FrameID.location.reload();
</script>창을 닫을 때 새로 고치고 싶거나 창이 열릴 때 새로 고치고 싶다면 <에서 다음 문을 호출하면 됩니다. ;몸>.
<body onload="opener.location.reload()">开窗时刷新 <body onUnload="opener.location.reload()">关闭时刷新 <script language="javascript"> window.opener.document.location.reload() < /script>
요약: 위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼을 방문하세요!
관련 권장 사항:
위 내용은 JavaScript에서 프레임 하위 페이지를 새로 고치는 7가지 방법(요약)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!