목차
- alert() 예제 - 경고창만 띄우기
- alert() 예제 - 경고창 띄우고 특정 페이지로 이동시키기
- alert() 예제 - 경고창 띄운고 다시 기존 페이지로 이동시키기
- alert() 정의
- alert() 구문
- alert() 예제 - \n 사용해 경고메시지 줄바꿈하기
- alert() 예제 - 현재 URL주소의 호스트명 띄우기
- sweetalert (스위트얼럿) 플러그인 - 모달형 경고창 띄우기
alert() 예제 - 경고창만 띄우기
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
alert("홈짱닷컴 Homzzang.com");
}
</script>
결과보기
alert() 예제 - 경고창 띄우고 특정 페이지로 이동시키기
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
alert("홈짱닷컴 Homzzang.com");
window.location.href = "https://homzzang.com/bbs/login.php";
}
</script>
결과보기
PS. 비회원에게 경고창 띄우고 특정페이지로 이동시키기
https://homzzang.com/b/g5-1223
https://sir.kr/qa/371147
alert() 예제 - 경고창 띄운고 다시 기존 페이지로 이동시키기
<script>
alert('권한이 없습니다.');
window.history.back();
</script>
alert() 정의
사용자에게 전달한 경고(안내) 메시지와 확인 버튼이 있는 작은 팝업창 띄움.
1.
- 과도하게 사용 시, 사용자의 홈페이지 이탈 초래하니 주의 !!
- window 객체에 속함.
2. cf.
3.
모든 브라우저 지원.
4. MDN alert() 예제 보기
https://developer.mozilla.org/en-US/docs/Web/API/Window/alert
alert() 구문
alert(message)
[매개변수]
message
필수. 경고창에 표시할 내용.
- 줄바꿈 하려면, \n 추가.
- \n 추가한 개수만큼 간격 벌어짐.
[반환값]
없음.
alert() 예제 - \n 사용해 경고메시지 줄바꿈하기
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
alert("홈짱닷컴\nHomzzang.com");
}
</script>
alert() 예제 - 현재 URL주소의 호스트명 띄우기
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
alert(location.hostname);
}
</script>
sweetalert 플러그인 - 모달형 경고창 띄우기
스위트얼럿 (모달형 경고창) 플러그인
https://sweetalert2.github.io/
[클릭 시, 경고창 띄우기]
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<button onclick = "hz()"> 클릭</button>
<script>
function hz() {
swal.fire('홈짱닷컴 Homzzang.com');
}
</script>
[바로 경고창 띄우기]
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
window.addEventListener("load", function() {swal.fire('홈짱닷컴 Homzzang.com')});
</script>
