>  기사  >  웹 프론트엔드  >  자바스크립트를 사용하여 페이지를 새로 고치는 여러 가지 방법

자바스크립트를 사용하여 페이지를 새로 고치는 여러 가지 방법

一个新手
一个新手원래의
2017-09-07 15:02:501697검색

다양한 JavaScript 페이지 새로 고침 방법

다음은 이를 수행하는 방법을 설명하기 위한 예제로 Frame.html, top.html 및 Bottom.html이라는 세 페이지를 사용합니다.
frame.html은 top(top.html)과 Bottom(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(즉, 위 페이지)에 Bottom.html(즉, 아래 페이지)을 새로 고치는 버튼이 7개 있다고 가정합니다. 어느 것이 좋을지는 여러분에게 달려 있습니다. 사용하기 더 쉽습니다.
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[&#39;bottom&#39;].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(&#39;bottom&#39;).location.reload()"><br>
<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br>
<input type=button value="刷新7" onclick="window.parent[&#39;bottom&#39;].location.reload()"><br>
</BODY> 
</HTML>


다음은 Bottom.html 페이지 소스코드입니다. , 아래 페이지가 실제로 새로 고쳐졌음을 증명하기 위해 페이지가 로드된 후 대화 상자가 나타납니다.

코드 복사 코드는 다음과 같습니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML> 
    <HEAD> 
        <TITLE> bottom.html </TITLE> 
    </HEAD> 
<BODY onload="alert(&#39;我被加载了!&#39;)"> 
    <h1>This is the content in bottom.html.</h1> 
</BODY> 
</HTML>

설명:
코드 복사 코드는 다음과 같습니다.

1 .window는 현재 페이지를 나타냅니다. 예를 들어 이 예에서는 top.html 페이지를 나타냅니다.
2.parent는 현재 페이지의 상위 페이지, 즉 해당 페이지가 포함된 프레임 페이지를 나타냅니다. 예를 들어, 이 예에서는 framedemo.html을 참조합니다.
3.frames는 창 개체이자 배열입니다. 프레임 내의 모든 하위 페이지를 나타냅니다.
4.item 은 방법입니다. 배열의 요소를 반환합니다.
5. 하위 페이지가 내부에 다른 하위 페이지도 포함된 프레임 페이지인 경우 위 방법 중 일부가 작동하지 않을 수 있습니다.
첨부 파일:
Javascript를 사용하여 페이지를 새로 고치는 여러 가지 방법:

1 history.go(0) 
2 location.reload() 
3 location=location 
4 location.assign(location) 
5 document.execCommand(&#39;Refresh&#39;) 
6 window.navigate(location) 
7 location.replace(location) 
8 document.URL=location.href

2. 페이지 자동 새로 고침
1 페이지 자동 새로 고침: 93f0f5c25f18dab9d176bd4f6de5d30e 영역에 다음 코드를 추가합니다. http-equiv= "refresh" content="20">
20은 20초마다 페이지를 새로 고치는 것을 의미합니다.
2. 자동 페이지 이동: 93f0f5c25f18dab9d176bd4f6de5d30e 영역에 다음 코드를 추가합니다. ="refresh " content="20;url=http://www.jb51.net">
20초 후에 20개의 손가락이 http://www.jb51.net 페이지로 이동합니다
3. js 버전 자동 새로고침


<script language="JavaScript">
function myrefresh() 
{ 
window.location.reload(); 
} 
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次 
</script>

3. Servler, Action, 기타 프로그램을 Java로 작성할 때 해당 페이지로 돌아가고 싶은 경우(예: 창 열기, 작업 완료 후 현재 창을 닫음) 페이지를 새로 고침하고 상위 페이지를 새로 고침)

코드를 복사하세요

코드는 다음과 같습니다.

1 PrintWriter out = response.getWriter(); 
2 out.write("<script type=\"text/javascript\">"); 
3 ////子窗口刷新父窗口 
4 out.write("self.opener.location.reload();"); 
5 //关闭窗口 
6 out.write("window.opener=null;"); 
7 out.write("window.close();"); 
8 out.write("</script>");
IV.JS 스크립트 문으로 프레임을 새로 고치는 방법. 코드를 사용하는 프레임이 포함 된 페이지

코드는 다음과 같습니다

复制代码 代码如下:

<script language=JavaScript> 
    self.opener.location.reload(); 
</script>


3.如何刷新另一个框架的页面用 (上面的实例以说明了)

复制代码 代码如下:

语句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(&#39;bottom&#39;).location.reload(); 
语句6. window.parent.bottom.location.reload(); 
语句7. window.parent[&#39;bottom&#39;].location.reload();


4.如果想关闭窗口时刷新或者想开窗时刷新的话,在6c04bd5ca3fcae76e30b72ad730ca86d中调用以下语句即可。

<body onload="opener.location.reload()"> 
开窗时刷新 
<body onUnload="opener.location.reload()"> 
关闭时刷新


复制代码 代码如下:

<script language="javascript"> window.opener.document.location.reload() 
</script> 
 
JavaScript 实现页面跳转的几种方法:
window.location.href="new.jsp?msg=&#39;hello";
self.location=&#39;new.jsp?pam=&#39;omg&#39;;
window.navigate("new.jsp") ;
top.location="show.jsp";

위 내용은 자바스크립트를 사용하여 페이지를 새로 고치는 여러 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.