본문 바로가기

2018/0116

자바스크립트 confirm 함수 예제 자바스크립트 confirm 함수 예제 자바 스크립트 confirm 함수에 대한 예제를 살펴 보도록 하겠습니다. confirm 함수는 확인과 취소 두개의 버튼을 생성하여 사용자가 선택한 버튼에 따라 논리 값인 참(true) 또는 거짓(false) 값을 반환하게 됩니다. 실무 사용 예 1. JavaScript confirm() 의 경우 업무 프로그램에서 저장 또는 중요한 액션이 발생하기 전 한번 더 확인 하는 역할로 많이 사용 됩니다. 즉 실수로 버튼을 클릭하였을 경우, 바로 처리 되지 않도록 하는 역할을 하게 됩니다. 2. 사용자의 선택(true or false)에 따라 다른 로직을 실행 시키는 역할을 합니다. 이 부분에 대항 예제를 간단하게 알아보도록 하겠습니다. 예 1. 예2. 2018. 1. 23.
자바스크립트 대화상자 - alert() confirm() prompt() 자바스크립트 대화상자 대화상자는 다음과 같은 목적을 가지고 있습니다. 1. 사용자에게 메시지를 전달하기 위해 2. 사용자의 선택이 필요한 작업을 위해 3. 사용자로부터의 입력이 필요한 작업을 위해 자바스크립트를 이용하여 경고 및 확인, 프롬프트 대화 상자를 만들어 정보나 경고를 나타내는 메시지를 출력 할 수 있습니다. 그럼 각각의 메소드에 대하여 알아보도록 하겠습니다. alert() 메소드 - 사용자에게 정보나 경고 메시지를 전하기 위해 사용 됩니다. - 확인 버튼을 누르면 메시지는 사자립니다. 형식 - alert("보여주고 싶은 내용") confirm() 메소드 - 경고 대화 상자와 유사한 형태 입니다. - 확인과 취소 두 개의 버튼이 보여지고, 사용자가 클릭한 버튼에 따라 값을 리턴하여 처리 됩니다... 2018. 1. 20.
자바스크립트 - 마우스 이벤트 예제 자바스크립트 마우스 이벤트 알아보기 다양한 이벤트 기능 중에서 마우스 관련 이벤트에 대하여 알아보도록 하겠습니다. onMouseOver 이벤트 - 특정한 링크 또는 영역에 마우스 포인터가 위치하게 될 때 동작이 발생 하게 됩니다. 형식 링크 텍스트 또는 링크 이미지 이벤트 처리기를 이용하여 마우스 포인터의 위치에 따라 이미지를 교체 하는 예제 입니다. 왼쪽 E-Run 즐거움 아래 동그란 이미를 확인 해 보세요 예제소스 마우스를 올려 주세요 ^^ 결과확인 마우스를 올려 주세요 ^^ 이미지가 변경되는 것을 확인 할 있을 것 입니다. 2018. 1. 17.
[자바스크립트] 웹 브라우저에 정의된 객체에 대하여 알아보자 웹 브라우저 정의 된 객체/예제 웹 브라우저에는 미리 정의 된 객체들이 존재 합니다. 이 내장 객체들은 각각의 수행하는 기능들을 가지고 있습니다. 객체 기능 navigator 사용하고 있는 브라우저에 대한 정보를 제공합니다. window, frame 브라우저 윈도우의 상태를 제어 합니다. document 문서 자체를 다루는 객체 입니다. form 사용자이 입력 폼을 제어합니다. location 현재 문서의 URL에 기반한 정보를 가지는 객체입니다. history 브라우저가 이미 방문했던 사이트들에 대한 URL 값을 가지고 있습니다. navigator 객체를 이용하여 간단한 예제를 만들어 보도록 하겠습니다. 테스트를 위해서 아직 ErunJoy블로그에서 다루지 않은 함수 등 기능들을 사용 해 보았습니다. 자.. 2018. 1. 16.