이 글에서는 재로드 방법, 교체 방법, 자동 새로 고침 방법 등을 포함하여 js를 사용하여 현재 페이지를 새로 고치는 여러 가지 방법을 소개합니다. 도움이 필요한 친구들이 참고할 수 있습니다
현재 페이지를 새로 고치는 방법은 무엇인가요? js를 사용하면 무엇이든 할 수 있습니다.
1, reload 방법, 이 방법은 브라우저가 현재 페이지를 새로 고치도록 합니다.
구문: location.reload([bForceGet])
매개변수: bForceGet, 선택적 매개변수, 기본값은 false, 클라이언트 캐시에서 현재 페이지를 가져옵니다. true이면 GET 메서드를 사용하여 서버에서 최신 페이지를 가져옵니다. 이는 클라이언트가 F5("새로 고침")
2를 클릭하는 것과 같습니다. 교체 메서드는 기록(클라이언트)에 캐시된 현재 페이지를 다음과 같이 대체합니다. 프로젝트에 URL을 지정하므로 교체 방법을 사용한 후에는 "앞으로" 및 "뒤로"를 통해 대체된 URL에 액세스할 수 없습니다.
구문: location.replace(URL)
일반적으로 사용하려면 location.reload() 또는 History.go(0)를 사용하세요.
이 방법은 클라이언트가 페이지를 새로 고치기 위해 F5를 누르는 것과 유사하므로 페이지 방법이 "게시"일 때 "웹페이지 만료됨" 프롬프트가 나타납니다.
Session의 보안 보호 메커니즘 때문입니다.
location.reload() 메서드가 호출되면 aspx 페이지가 서버 메모리에 이미 존재하므로 IsPostback이어야 합니다.
이러한 애플리케이션이 있는 경우: 페이지를 다시 로드해야 합니다. 즉, 페이지가 서버 측에서 다시 생성될 것으로 예상되며 기대 사항은 IsPostback이 아닙니다.
여기서 location.replace()가 이 작업을 완료할 수 있습니다. 교체된 페이지는 매번 서버에서 다시 생성됩니다.
코드: location.replace(location.href);
페이지 반환 및 새로고침:
location.replace(document.referrer);
document.referrer //이전 페이지의 URL
기록을 사용하지 마세요. .go (-1) 또는 History.back(); 페이지를 반환하고 새로 고치는 데 사용됩니다. 이 두 가지 방법은 페이지를 새로 고치지 않습니다.
첨부 파일:
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. : 다음 코드를 추가하세요. <
머리 부분에 코드를 복사
<meta http-equiv="refresh" content="20">
코드는 다음과 같습니다.
<meta http-equiv="refresh" content="20;url=http://www.jb51.net">
3, 페이지는 JS 버전
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>코드 복사 코드는 다음과 같습니다.
//刷新包含该框架的页面用
<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>
1 간단한 예를 살펴보겠습니다.
다음은 Frame.html, top.html, Bottom이라는 세 페이지를 사용합니다. .html을 예로 들어 정확한 방법을 설명하겠습니다. frame.html은 상단(top.html)과 하단(bottom.html)의 두 페이지로 구성됩니다. 코드는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.
<body onload="opener.location.reload()"> 开窗时刷新 <body onUnload="opener.location.reload()"> 关闭时刷新 <script language="javascript"> window.opener.document.location.reload() </script>
이제 상단을 가정합니다. .html(즉, 위 페이지) Bottom.html(즉, 아래 페이지)을 새로 고치는 7개의 버튼이 있습니다. 어느 것이 더 쉬운지는 사용자에게 달려 있습니다. top.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>
코드 복사 코드는 다음과 같습니다.
<!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>
설명:
코드 복사 코드는 다음과 같습니다
1.window指代的是当前页面，例如对于此例它指的是top.html页面。
2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。
3.frames是window对象，是一个数组。代表着该框架内所有子页面。
4.item是方法。返回数组里面的元素。
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.页面自动刷新：把如下代码加入
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
三、java在写Servler,Action等程序时，要操作返回页面的话（如谈出了窗口，操作完成以后，关闭当前页面，刷新父页面）
复制代码 代码如下:
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>");四、JS刷新框架的脚本语句
1.如何刷新包含该框架的页面用
复制代码 代码如下:
<script language=JavaScript> parent.location.reload(); </script>
2.子窗口刷新父窗口
复制代码 代码如下:
<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('bottom').location.reload(); 语句6. window.parent.bottom.location.reload(); 语句7. window.parent['bottom'].location.reload();
4.如果想关闭窗口时刷新或者想开窗时刷新的话，在
中调用以下语句即可。<body onload="opener.location.reload()"> 开窗时刷新 <body onUnload="opener.location.reload()"> 关闭时刷新
复制代码 代码如下:
<script language="javascript"> window.opener.document.location.reload() </script>
相关推荐：
위 내용은 페이지를 새로 고치는 js 메소드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
