Dev/JavaScript

[Javascript] 페이지 새로고침 명령어 구현 소스

늙은개발자 2023. 1. 27. 11:29
반응형

Javascript에서 페이지 새로고침이 필요한 경우가 있습니다.

이럴 때 location.reload 명령어를 사용하면 되는데요.

 

예제를 통해 손쉽게 알아보겠습니다.

 

예제소스

<html>
<head>
<script type="text/javascript">
	function pageReload() {
		document.location.reload();
	}
</script>
<body>
	<form name="frmReload">
		<input type="checkbox" id="car">자동차<br>
		<input type="checkbox" id="train">KTX<br> 
		<input type="text" value=""><br>
		<input type="button" value="새로고침" onclick="pageReload()">
	</form>
</body>
</html>

 

위와 같이 구현된 페이지에 

체크박스와 Textbox에 데이터를 입력한 모습입니다.

 

이때 새로고침 버튼을 누르게 되면

pageReload function 이 실행되고

document.location.reload();

명령어에 의해 페이지가 새로고침이 실행됩니다.

 

페이지가 새로고침 되어 모든 데이터가

초기화된 모습입니다.

반응형