반응형
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();
명령어에 의해 페이지가 새로고침이 실행됩니다.
페이지가 새로고침 되어 모든 데이터가
초기화된 모습입니다.
반응형
'Dev > JavaScript' 카테고리의 다른 글
| [Javascript] 쿠키 생성, 삭제, 기간만료 제어하기 (0) | 2023.02.02 |
|---|---|
| [Javascript] 체크박스 전체선택 해제 예제소스 (0) | 2023.01.28 |
| [Javascript] 업로드 이미지 미리보기 예제소스 (0) | 2023.01.26 |
| [Javascript] iframe post 전송 예제 (0) | 2022.12.26 |
| [Javscript] 문자를 숫자, 숫자를 문자로 변환하기 (0) | 2022.12.09 |