Javascript를 사용하여 현재 페이지 새로 고침하기

4

여러 가지 방법을 사용하여 현재 페이지를 새로 고침(리로드)할 수 있습니다.

window.location.reload() 사용:

<form><input type="button" value="페이지 새로 고침" onClick="window.location.reload()"></form>
history.go() 사용:
<form><input type="button" value="페이지 새로 고침" onClick="history.go(0)"></form>
window.location.href=window.location.href 사용:
<form><input type="button" value="페이지 새로 고침" onClick="window.location.href=window.location.href"></form>
참고로 페이지가 자동으로 새로 고침되도록 하려면 다음과 같은 meta 태그를 head 태그 사이에 추가하면 됩니다.
<META HTTP-EQUIV="refresh" CONTENT="15">

그러면 15초마다 페이지가 자동 새로 고침(리로드)됩니다. 가령 주식 정보 등을 일정 시간 동안 갱신해야 하는 경우에 이 방법을 사용할 수 있습니다.

jQuery로 페이지를 리로드(새로 고침)하려는 경우에는 다음과 같이 location.reload()를 사용하면 됩니다.

$('#something').click(function() {
location.reload();
});
// 참조 페이지: stackoverflow

가성비가 뛰어나 해외 호스팅

참고:

※일부 글에 제휴링크가 포함될 수 있습니다._커피 한잔 값으로 블로그 운영을 후원하실 수 있습니다.

댓글 4건
  1. Matthew

    javascript refresh 는 여러가지 이유로 사용하지 않는게 좋고 redirection 은 구글로 부터 SEO 페날티를 먹습니다.

    refresh 나 redirection 을 해야 하는 경우 php 로 하시는게 좋습니다.

    http://hackya.com/us/php-redirect/

    1. WordCracker

      좋은 정보 감사합니다.

      자동 Refresh는 Header(‘Location: ‘.$_SERVER[‘PHP_SELF’]);를 사용할 경우 sleep(5);처럼 sleep()를 사용하면 될 것 같습니다만, Refresh 버튼은 PHP로 어떻게 추가할 수 있을까요?

      1. Matthew

        직접 해본적은 없지만 아래 글에 나와 있는데로 하시면 될 것 같습니다.

        https://sites.google.com/site/jiansenphptutorial/chapter-2/chapter-3-5-refresh-button

      2. WordCracker

        감사합니다~

        아래 코드는 php 매뉴얼에 나오는 header( “refresh:5;url=wherever.php” );를 어떻게 응용하는지를 잘 보여주네요.
        <?php
        if (isset($_POST["refresh"])) {
        $page = $_SERVER['PHP_SELF'];
        $sec = "1";
        //refresh in 1 second.
        header("Refresh: $sec; url=$page");
        }
        ?>