목차
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>
