JavaScript_Basic 지식을 활용한 대화 상자 구현 튜토리얼-JS 튜토리얼-php.cn

JavaScript_Basic 지식을 활용한 대화 상자 구현 튜토리얼

WBOY

풀어 주다： 2016-05-16 15:56:50

원래의

2237명이 탐색했습니다.

JavaScript는 세 가지 중요한 유형의 대화 상자를 지원합니다. 이러한 대화 상자를 사용하여 경고를 표시하거나 사용자의 입력이나 입력을 확인할 수 있습니다.

여기에서는 각 대화 상자를 하나씩 살펴보겠습니다.
경고 대화 상자:

경고 대화 상자는 주로 사용자에게 경고 메시지를 보내는 데 사용됩니다. 입력 필드에 일부 텍스트를 입력해야 하지만 사용자가 필드에 유효성 검사를 입력하지 않은 경우와 마찬가지로 경고 상자를 사용하여 다음과 같이 경고 메시지의 일부를 제공할 수 있습니다.

<head>
<script type="text/javascript">
<!--
  alert("Warning Message");
//-->
</script>
</head>

로그인 후 복사

그러나 친근한 메시지에는 경고 상자를 계속 사용할 수 있습니다. 선택하고 계속할 수 있는 "확인" 버튼만 제공하는 경고 상자.

확인 대화상자:

확인 대화 상자는 주로 사용자에게 옵션에 대한 동의를 제공하는 데 사용됩니다. 확인과 취소라는 두 개의 버튼이 있는 대화 상자가 표시됩니다.

사용자가 확인 버튼을 클릭하면 창 메서드인 확인()이 true를 반환합니다. 사용자가 취소 버튼을 클릭하면 verify()는 false를 반환합니다. 아래와 같이 확인 대화 상자를 사용할 수 있습니다.

<head>
<script type="text/javascript">
<!--
  var retVal = confirm("Do you want to continue &#63;");
  if( retVal == true ){
   alert("User wants to continue!");
  return true;
  }else{
   alert("User does not want to continue!");
  return false;
  }
//-->
</script>
</head>

로그인 후 복사

프롬프트 대화 상자:

프롬프트 대화 상자는 사용자 입력을 받기 위해 텍스트 상자를 팝업할 때 매우 유용합니다. 따라서 사용자와 상호 작용할 수 있습니다. 사용자는 필드를 채우고 확인을 클릭해야 합니다.

대화 상자 사용 프롬프트()는 텍스트 상자에 표시되는 두 개의 매개 변수(I)(II)와 텍스트 상자에 표시되는 레이블을 표시하는 기본 문자열을 갖는 메서드입니다.

이 대화 상자에는 확인과 취소라는 두 개의 버튼이 있습니다. 프롬프트() 창 메서드는 사용자가 "확인" 버튼을 클릭하면 텍스트 상자에 입력된 값을 반환합니다. 사용자가 "취소" 버튼을 클릭하면 창 모드 프롬프트()는 null을 반환합니다.

아래와 같이 프롬프트 대화 상자를 사용할 수 있습니다.

<head>
<script type="text/javascript">
<!--
  var retVal = prompt("Enter your name : ", "your name here");
  alert("You have entered : " + retVal );
//-->
</script>
</head>

로그인 후 복사