[JS] 알림창 종류 정리

2024. 2. 8. 14:49·Frontend

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
'Frontend' 카테고리의 다른 글
  • [JS] 자바스크립트로 HTML 객체 만들기
  • DOM Script에 대해서
  • [JS] HTML에 JavaScript 코드 삽입하기
  • [HTML] HTML 태그와 속성 정리
Rayi
Rayi
  • Rayi
    아카이브
    Rayi
  • 전체
    오늘
    어제
    • 분류 전체보기 (262)
      • CS (40)
        • ML (3)
        • CV (2)
        • PS (34)
      • Reveiw (17)
        • Paper (17)
        • Github (0)
      • Pytorch (5)
      • Language (58)
        • Python (7)
        • JavaScript (32)
        • TypeScript (16)
        • C++ (3)
      • IDE (12)
      • Git (13)
      • Frontend (71)
        • React (8)
        • SolidJS (20)
        • CSS (12)
      • UI (3)
      • Backend (15)
        • DB (17)
        • Node.js (11)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    ts
    python
    SOLID
    PRISMA
    Express
    deploy
    PyTorch
    API
    Three
    mongo
    C++
    frontend
    html
    ML
    js
    DB
    ps
    review
    vscode
    figma
    CV
    nodejs
    react
    CSS
    postgresql
    GAN
    UI
    backend
    CS
    Git
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
Rayi
[JS] 알림창 종류 정리
상단으로

티스토리툴바