123. (javascript/자바스크립트) 웹 브라우저 새로고침 refresh 수행 실시 - location.href , history.go , location.reload

---

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : javascript

---

[소스 코드]

​

    <!-- 내부 JS 지정 : 일반 -->
    <script>

        /*
        [JS 요약 설명]
        1. window.onload : 브라우저 로드 완료 상태를 나타냅니다
        2. location.href : 웹페이지 로드 된 주소 확인 및 새롭게 웹 페이지 주소를 지정할 수 있습니다
        3. history.go(0) : 인자값으로 0을 넣으면 location.reload 와 같은 동작을 수행합니다
        4. location.reload() : 현재 웹 페이지 새로 고침을 수행합니다
        */


        /* [html 최초 로드 및 이벤트 상시 대기 실시] */
        window.onload = function() {
            console.log("");
            console.log("[window onload] : [start]");
            console.log("");
        };


        /* [브라우저 화면 새로 고침 실시] */
        function refreshBrowser(){
            console.log("");
            console.log("[refreshBrowser] : [start]");
            console.log("");

            // 선택 방법 [1] : 화면 새로고침
            location.href = location.href;


            // 선택 방법 [2] : 화면 새로고침
            history.go(0);


            // 선택 방법 [3] : 화면 새로고침
            location.reload();
        };

    <script>

---

[결과 출력]

​

---

[요약 설명]

​

/*

[JS 요약 설명]

1. window.onload : 브라우저 로드 완료 상태를 나타냅니다

2. location.href : 웹페이지 로드 된 주소 확인 및 새롭게 웹 페이지 주소를 지정할 수 있습니다

3. history.go(0) : 인자값으로 0을 넣으면 location.reload 와 같은 동작을 수행합니다

4. location.reload() : 현재 웹 페이지 새로 고침을 수행합니다

*/

---