>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 페이지를 다시 로드하는 방법

JavaScript에서 페이지를 다시 로드하는 방법

清浅
清浅원래의
2018-12-06 16:01:337715검색

JavaScript에서는 reload() 메서드의 값을 true로 설정하여 페이지를 다시 로드할 수 있습니다.

탐색 중일 때 페이지를 새로 고칠 수 있는 버튼이 브라우저 왼쪽 상단에 있습니다. 그러면 프로그램에서는 어떻게 작동합니까? 다음 기사에서는 페이지 로딩 기술을 구현하는 방법을 소개하겠습니다. 특정 참조 가치가 있는 JavaScript가 모든 사람에게 도움이 되기를 바랍니다.

【추천 강좌: JavaScript 튜토리얼#🎜🎜 #

JavaScript에서 페이지를 다시 로드하는 방법

이 메소드의 목적은 현재를 다시 로드하는 것입니다. document#🎜🎜 #

reload() 메서드

location.reload()
reload() 값을 true로 설정하면 캐시를 우회하고 다시 로드됩니다. 브라우저의 새로 고침 버튼을 클릭할 때마다 서버에서 문서를 다운로드합니다.

이 메서드가 false로 설정되거나 매개변수가 설정되지 않으면 HTTP 헤더의 If-Modified-Since를 사용하여 서버의 문서가 변경되었는지 여부를 감지합니다. , 그런 다음 reload()는 문서를 다시 다운로드합니다. 문서가 변경되지 않은 경우 이 메서드는 캐시에서 문서를 로드합니다.

예:

<body>
		<input type="button" value="刷新" onclick="document.location.reload(true);">
		<p>点击上面的按钮会刷新页面</p>
		<img src="images/1.jpg"style="width:150px;height: 100px;">
</body>

렌더링은 다음과 같습니다.

JavaScript에서 페이지를 다시 로드하는 방법다음을 설정할 수도 있습니다. 페이지를 얼마나 자주 새로 고쳐야 할까요? #

새로 고침을 클릭하면 대화 상자가 팝업됩니다. 취소를 클릭하면 페이지가 새로 고쳐지지 않습니다.

예: #🎜🎜 #
<body>
		<p>页面隔5s会刷新一次</p>
	<img src="images/1.jpg"style="width:150px;height: 100px;">
	<script type="text/javascript">

		function timedReload(time){
			setTimeout("location.reload(true);",time);
			
		}
		window.onload=timedReload(5000);
	</script>

렌더링은 다음과 같습니다

JavaScript에서 페이지를 다시 로드하는 방법요약: 위 내용은 이 글의 전체 내용입니다. 이 글을 통해 모두가 JavaScript를 이해할 수 있기를 바랍니다. 페이지 로딩에 대해 어느 정도 이해하세요.

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

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