JooTCJavaScript 페이지 새로고침
자바스크립트로 페이지를 새로고침 할 수 있습니다.
간단히 다음과 같은 코드를 사용하면 됩니다.
locaction.reload();
간단한 사용 예시는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<title>TEST</title>
<meta charset='utf-8'>
</head>
<body>
<button onclick="doExec();">이 버튼을 클릭하여 새로고침</button>
</body>
<script type='text/javascript'>
// 새로고침 버튼 클릭 시 동작
function doExec() {
locaction.reload();
}
</script>
다만 이렇게 하면 페이지를 새로 고쳤을 때의 URL에 쿼리스트링 데이터(GET Parameter)를 유지하게 됩니다. 전체 URL의 https://example.com/index.html?name=lee&value=test 중에서 name=lee&value=test 와 같은 값이 그대로 재전송되기 때문에 페이지 동작에 따라 문제가 발생할 수도 있습니다.
필요에 따라서 GET 파라미터 값을 제거한 채로 페이지 새로고침을 실행하고 싶은 경우 다음과 같은 코드를 사용해 볼 수 있습니다.
window.location = window.location.href.split("?")[0];
또는 다음 코드를 사용해도 됩니다. 위와 동작이 같습니다. (pathname은 직접 값을 넣는 변수가 아닙니다.)
window.location = window.location.pathname;
이렇게하면 GET 파라미터 값을 제거한 현재 URL로 페이지를 새로고침하게 됩니다.
참고자료
- How do I reload the page without the query parameters? : https://stackoverflow.com/questions/7241851/how-do-i-reload-the-page-without-the-query-parameters
