JavaScript가 페이지를 다시 로드(새로 고침)하는 방법-JS 튜토리얼-php.cn

JavaScript가 페이지를 다시 로드(새로 고침)하는 방법

青灯夜游

풀어 주다： 2018-11-20 17:12:53

원래의

15931명이 탐색했습니다.

이 글에서는 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:

JavaScript가 페이지를 다시 로드(새로 고침)하는 방법

참고:

window.location.reload()는 브라우저에 페이지를 다시 로드하도록 지시합니다. 즉, 데이터가 서버에서 다시 다운로드되어 구문 분석되고 표시됩니다. location.reload(false) 메소드를 사용하여 브라우저 캐시에서 페이지를 다시 로드할 수도 있습니다.

history.go(0) 및 location.replcace(locatoin.pathname)를 사용하여 페이지를 다시 로드할 수도 있습니다.

위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 비디오 튜토리얼 추천: jQuery Tutorial!

위 내용은 JavaScript가 페이지를 다시 로드(새로 고침)하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!