JavaScript가 페이지를 다시 로드(새로 고침)하는 방법
- 青灯夜游원래의
- 2018-11-20 17:10:3515968검색
이 글에서는 JavaScript를 사용하여 페이지를 다시 로드(새로 고침)하는 방법을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
JavaScript에서 HTML 페이지를 다시 로드하거나 새로 고치는 방법에는 여러 가지가 있지만 작업을 수행하는 표준 방법은 window.location 개체를 사용하는 것입니다. 이 문서에서는 window.location 개체를 사용하여 페이지를 다시 로드(새로 고침)하는 방법을 소개합니다.
window.location 개체에 reload() 메서드를 제공하여 브라우저에 페이지를 다시 로드하도록 지시합니다. 브라우저는 선택적 매개변수에 따라 캐시나 서버에서 이 작업을 수행할 수 있습니다. 즉, reload(true)는 서버에서 페이지를 다시 로드하고, reload(false)는 브라우저 캐시에서만 페이지를 다시 로드합니다.
아래에서는 JavaScript가 페이지를 다시 로드(새로 고침)하는 방법을 간단한 코드 예제를 통해 소개하겠습니다.
이 예에서는 jQuery와 JavaScript를 사용하여 서버와 브라우저 캐시에서 페이지를 다시 로드하는 방법을 다룹니다.
HTML에는 두 개의 버튼이 있습니다. 하나는 서버에서 페이지를 다시 로드하는 것이고 다른 하나는 브라우저 캐시에서 페이지를 새로 고치는 것입니다. location.reload()는 모든 브라우저에서 작동하지만 jQuery를 사용하여 두 개의 버튼에 클릭 핸들러를 연결하는 등 다른 코드를 래핑할 수도 있습니다.
샘플 코드:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用jQuery和JavaScript重新加载(刷新)页面</title>
<script type="text/javascript" src="query.min.js" ></script>
</head>
<body>
<h2>如何使用jQuery和JavaScript重新加载(刷新)页面</h2>
<button id="btn_reload">从服务器重新加载</button>
<button id="btn_refresh">从浏览器的缓存中重新加载</button>
<script>
$(document).ready(function(){
$("#btn_refresh").click(function() {
location.reload(false); //从浏览器的缓存加载
});
$("#btn_reload").click(function() {
location.reload(true); //从服务器加载
});
});
</script>
</body>
</html>Rendering:
참고:
window.location.reload()는 브라우저에 페이지를 다시 로드하도록 지시합니다. 즉, 데이터가 서버에서 다시 다운로드되어 구문 분석되고 표시됩니다. location.reload(false) 메소드를 사용하여 브라우저 캐시에서 페이지를 다시 로드할 수도 있습니다.
history.go(0) 및 location.replcace(locatoin.pathname)를 사용하여 페이지를 다시 로드할 수도 있습니다.
위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 비디오 튜토리얼 추천: jQuery Tutorial!
위 내용은 JavaScript가 페이지를 다시 로드(새로 고침)하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!