메뉴 건너뛰기

조회 수 5657 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

자바스크립는 다음 3가지 종류의 팝업박스를 제공한다.

    1.      Alert Box

    2.      Confirm Box

    3.      Prompt Box



1. Alert Box : 사용자에게 메세지를 제공하고자 할 때 사용

     예)

          alert(“메시지 입니다.”);


2. Confirm Box : 어떤 작업의 수행 또는 취소에 대한 결정을 사용자에게 요구할 때 사용

     예)

          var ret = confirm(“작업을 계속 수행하시겠습니까?”);

          if(ret==true){

               // ‘OK’  또는 ‘확인’ 버튼을 눌렀을때 수행

          }else{

               // ‘Cancel’ 또는 ‘취소’ 버튼을 눌렀을때 수행

          }


3. Prompt Box : 프로그램 수행도중 사용자에게서 어떤 값을 받아들이길 원할 때 사용한다.

                                값을 입력하고 ‘OK’ 또는 확인 버튼을 누르면 입력한 값을 반환한다.

                                 ’Cancel’ 또는 ‘취소’ 버튼을 클릭하면 null 값을 반환한다.

     예)

          var ret = prompt(“이름을 입력해 주십시요.”);

          if(ret!=null && ret!=”"){

               alert(“입력된 이름은 “+ret+” 입니다.”);

          }


  1. 활용예제 : 체크박스 전체선택 전체해제 /라디오버튼

    Date2014.03.01 Views7020
    Read More
  2. 현재시간 기준 날짜 계산

    Date2016.09.21 Views6103
    Read More
  3. 현재 날짜, 시간 ( Month + 1 에 대해서 )

    Date2021.03.25 Views218
    Read More
  4. 핸드폰 번호 일부 마스킹크 작업 (정규식 이용)

    Date2015.06.19 Views10744
    Read More
  5. 해상도에 따라 배경 바꾸기

    Date2014.03.01 Views6083
    Read More
  6. 함수의 arguments 를 이름(key)으로 접근하기

    Date2016.09.21 Views5976
    Read More
  7. 한글 짜르기

    Date2019.01.16 Views1180
    Read More
  8. 한글 또는 영문만이 존재하는지 체크

    Date2019.01.16 Views1164
    Read More
  9. 풍선도움말

    Date2019.01.16 Views1168
    Read More
  10. 폼안에 태그명, 함수명 같을때 오류

    Date2021.03.26 Views215
    Read More
  11. 페이지 이동

    Date2021.03.26 Views190
    Read More
  12. 페이지 로드 할때 컨트롤에 포커스 주기

    Date2015.02.03 Views8500
    Read More
  13. 패스워드, 확인패스워드가 맞는지 체크

    Date2023.01.12 Views130
    Read More
  14. 팝업창 차단 "허용 메시지"

    Date2018.09.28 Views1738
    Read More
  15. 팝업창 맨위로 올라오게 하기

    Date2021.03.26 Views888
    Read More
  16. 팝업창 가운데 띄우기

    Date2016.12.23 Views6705
    Read More
  17. 특정부위 마우스 오버시 설명을 보여주는 소스

    Date2014.03.17 Views8698
    Read More
  18. 특정 부분 인쇄 자바스크립트

    Date2019.01.16 Views1592
    Read More
  19. 특정 HTML DOM 엘레멘트로 스크롤 이동하기

    Date2016.09.09 Views7075
    Read More
  20. 텍스트박스(input type = "text") 숫자 증가, 감소 시키기 - 쇼핑몰 주문 수량

    Date2015.06.19 Views12289
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved