자바 스크립트 팝업

• 할 수있다 6, 2024

JavaScript는 웹 페이지에 대화 형 기능을 추가하도록 설계되었으므로 팝업 상자를 사용하여 정보를 간단하게 수집하여 사용자에게 표시 할 수있는 몇 가지 기능이 있다는 것은 놀라운 일이 아닙니다. 이러한 상자를보기 전에 정보를 수집하고 표시하는 가장 간단한 방법이지만 가장 매력적이거나 사용자에게 친숙하지는 않습니다. 무엇보다도 팝업은 사용자가 모든 메시지 나 입력 후에 버튼을 눌러 창을 닫을 것을 요구합니다. 또한 웹 디자인 관점에서 볼 때 팝업 상자의 정보 표시를 거의 제어 할 수 없습니다. 즉, 올바른 위치에서 적당히 사용되는 팝업 상자는 간단하고 효과적 일 수 있습니다.

팝업 상자에는 경고, 확인 및 프롬프트의 세 가지 유형이 있습니다. 가장 간단하고 가장 일반적으로 사용되는 팝업은 경고입니다. 경고는 하나의 인수, 즉 사용자에게 메시지를받습니다. 경고 상자가 나타나면 사용자는 "확인"버튼을 누를 때까지 계속할 수 없습니다. 경고 상자의 코드는 간단합니다.

alert ( "이것은 경고입니다")



확인 상자는 약간 더 복잡합니다. alert와 마찬가지로 confirm은 메시지라는 하나의 인수를 취합니다. 확인 상자가 나타나면 "확인"또는 "취소"버튼을 사용하여 응답을 선택할 수 있습니다. alert와 달리 confirm은 리턴 값을 갖습니다. – 0은 사용자가 "취소"를 누르고 1은 "확인"을 나타냅니다. 확인 상자의 코드는 어떻게 든 반환 값을 수집하려는 경우를 제외하고 경고 상자와 동일합니다.

save_me = confirm ( "이것은 확인 팝업입니다")



팝업 중 가장 복잡하지만 프롬프트는 여전히 간단합니다. 프롬프트는 사용자에게 보내는 메시지와 기본값 (또는 기본값을 원하지 않으면 "")의 두 가지 인수를 사용합니다. 프롬프트 상자가 나타나면 사용자는 요청 된 정보를 입력하고 "확인"을 누를 수 있습니다. "취소"버튼도 있습니다. 리턴 값은 사용자의 응답입니다. 사용자가 취소하면 반환 값은 없는. 프롬프트 상자를 비워두면 리턴 값은 빈 문자열 ( "")이됩니다. 아마도 이러한 값을 확인하고 사용하지 않고 특별한 것을 원할 것입니다. 없는 또는 빈 문자열을 응답으로 사용하십시오. 프롬프트 상자의 코드는 다음과 같습니다.

response = prompt ( "이것은 프롬프트입니다", "여기에 응답하십시오")



이 팝업 상자의 데모를 여기에서 볼 수 있습니다

---