본문 바로가기
개발

JavaScript로 부모 창 새로고침하는 방법

by 농담곰이 2023. 5. 11.
반응형

부모창을 새로고침하는 방법은 `location.reload()` 함수를 사용하는 것입니다. 이 함수는 현재 URL을 다시 불러오기 위해 브라우저에게 요청을 보냅니다. 다음은 간단한 예제입니다.

```html
<!DOCTYPE html>
<html>
<head>
    <script>
        function refreshParent() {
            window.opener.location.reload();
        }
    </script>
</head>
<body>
    <button onclick="refreshParent()">Refresh Parent</button>
</body>
</html>
```


위의 예제에서는 `window.opener` 속성을 사용하여 현재 창의 부모 창을 가져옵니다. `location.reload()` 함수를 호출하여 부모 창을 새로고침합니다. `onclick` 이벤트 핸들러를 사용하여 버튼을 클릭하면 `refreshParent()` 함수가 호출되어 부모 창을 새로고침합니다.

출력 결과는 버튼을 클릭하면 부모 창이 새로고침되는 것을 확인할 수 있습니다.

따라서, 자바스크립트를 사용하여 부모 창을 새로고침하는 것은 간단합니다. `window.opener.location.reload()` 코드를 사용하여 부모 창을 새로고침할 수 있습니다. 이를 활용하여 다양한 작업을 수행할 수 있습니다.

반응형

댓글