Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- ps
- Three
- vscode
- UI
- ML
- Git
- python
- SOLID
- C++
- sqlite
- figma
- nodejs
- react
- js
- PyTorch
- opencv
- mongo
- Express
- postgresql
- PRISMA
- CV
- ts
- DB
- GAN
- CSS
- html
- API
- review
- frontend
- Linux
Archives
- Today
- Total
아카이브
[JS] 알림창 종류 정리 본문
JS를 사용하면 웹상에서 나타나는 다양한 종류의 알림창을 구현할 수 있습니다.
아래 정리한 함수는 모두 windows객체에 바로 종속되어 있습니다.
1. Alert
일방향 알림입니다. 알리는 정보와 확인 버튼으로만 이루어져 있습니다.
window.alert("message_alert");
2. Confirm
예/아니오로 응답할 수 있는 알림입니다. 알리는 정보와 확인/취소 버튼으로 이루어져 있습니다.
확인/취소는 각각 true/false를 반환합니다.
window.confirm("message_confirm");
3. Prompt
window.prompt("message", "default_entry_content");
문자열 입력을 할 수 있는 알림입니다. 알리는 정보와 엔트리, 확인/취소 버튼으로 이루어져 있습니다.
확인 버튼은 엔트리에 입력된 문자열을 반환하며, 취소 버튼은 null을 반환합니다.
4. 참고사항
알림창 함수는 JS 내의 모든 프로세스를 일시정지시킵니다.
따라서 Timeout 또는 Timeinterval 함수를 사용하고 있는 중에 알림창을 실행시킨다면,
시간 처리가 원하는대로 진행되지 않을 수 있습니다.
728x90
'Frontend' 카테고리의 다른 글
[JS] Form element (0) | 2024.02.21 |
---|---|
[JS] 자바스크립트로 HTML 객체 만들기 (0) | 2024.02.14 |
DOM Script에 대해서 (0) | 2024.02.14 |
[JS] HTML에 JavaScript 코드 삽입하기 (0) | 2024.01.26 |
[HTML] HTML 태그와 속성 정리 (0) | 2024.01.26 |
Comments