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

4

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

JS에서 location.reload()와 setTimeout() 메소드를 사용할 수 있습니다.

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Auto refresh current page with regular intervals using JS</title>
<script>
setTimeout(function(){
location.reload();
},3000); // 3000밀리초 = 3초
</script>
</head>
// 참조 페이지: Auto refresh current page with regular intervals using JS

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

자바스크립트/jQuery 템플릿:

기능을 직접 구현하는 것에 어려움을 겪거나 시간을 절약하고 싶은 경우 워드프레스 플러그인 등을 판매하는 CodeCanyon에서 비교적 저렴한 비용에 Javascript/jQuery 템플릿이나 PHP 스크립트를 구입할 수 있습니다.

코드캐년에서 판매되는 javascript/jQuery 템플릿
CodeCanyon에서 판매되는 javascript/jQuery 템플릿

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

참고:

4 개 댓글

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

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

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

    • 좋은 정보 감사합니다.

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

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

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

      • 감사합니다~

        아래 코드는 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");
        }
        ?>

댓글 남기기

Please enter your comment!
Please enter your name here