본문 바로가기

프로그래밍/HTML, CSS, JavaScript63

자바스크립트 대화상자 - 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.
자바스크립트를 이용한 HTML 문서 작성 방법 자바스크립트를 이용한 HTML 문서 작성 방법 자바스크립트를 이용하여 HTML 문서 작성하는 방법에 대하여 알아보도록 하겠습니다. 먼저 자바스크립트는 - 스크립트의 시작 태그인 사이에 스크립트 내용을 코딩 합니다. - - 자바스크립트 파일을 별도로 만들어 현재 문서에 포함 시킵니다. - HTML과 자바스크립트를 보다 편리한 개발과 관리가 가능합니다. 자바스크립트 코딩 예제 예제 결과 2018. 1. 15.

티스토리툴바