IT 정보
HTML 페이지에서 알림창을 띄우고 사용자가 확인 버튼을 누른 후 특정 페이지로 리다이렉트하는 기능
엣올
2024. 5. 8. 15:18
728x90
반응형
HTML 페이지에서 알림창을 띄우고 사용자가 확인 버튼을 누른 후 특정 페이지로 리다이렉트하는 기능을 구현하려면 JavaScript의 alert() 함수와 window.location.href 속성을 함께 사용할 수 있습니다. 이것은 사용자에게 메시지를 전달한 후 특정 동작을 취하도록 유도할 때 유용합니다.
다음은 사용자에게 알림을 보여주고, 알림을 확인한 후에 지정된 URL로 리다이렉트하는 HTML과 JavaScript 코드의 예입니다:
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Redirect After Alert</title>
<script type="text/javascript">
// 페이지 로드 완료 시 알림창을 띄우고, 확인 후 특정 페이지로 리다이렉트
window.onload = function() {
alert('중요한 정보를 확인하셨습니다. 지금 다른 페이지로 이동합니다.');
window.location.href = 'https://www.example.com'; // 여기에 원하는 URL을 입력하세요.
}
</script>
</head>
<body>
<h1>알림 후 페이지 이동</h1>
<p>이 페이지는 사용자가 알림을 확인하면 자동으로 다른 페이지로 이동합니다.</p>
</body>
</html>
위의 코드에서 window.onload 이벤트 핸들러는 페이지 로딩이 완료되면 실행됩니다. alert() 함수는 사용자에게 메시지를 보여주고, 사용자가 "확인" 버튼을 클릭하면 window.location.href를 통해 새로운 URL로 페이지를 리다이렉트합니다.
이 방식은 사용자에게 중요한 정보를 제공하고, 그 정보를 확인한 후에만 특정한 행동을 취하게 할 때 매우 유용합니다. URL은 필요에 따라 적절하게 변경하여 사용하세요.
728x90
반응형