본문 바로가기

프로그래밍/HTML

자바스크립트를 이용한 HTML 문서 작성

HTML은 동적이고 상호작용이 필요한 웹페이지를 구성하는데 한계가 있다.
그러므로 자바나 플러그인 등 여러 기술이 개발되었다. 그러나 초보자들이 자바나 플러그인에 접근하기가 힘들고 HTML에 적용하기가 까다로워서 생긴것이 자바스크립트이다.

*HTML 문서에 포함되어 실행되는 스크립트 언어.
*컴파일 과정 없이 스크립트를 직접 실행하는 인터프리터 언어
*동적인 웹페이지를 작성할 수 있도록 함.
*모든 플랫폼에서 인터프리터에 의해 실행이 가능

형식)
  <SCRIPT LANGUAGE = "JavaScript">
         자바스크립트의 소스
  </SCRIPT>


1.문자열 출력
 형식)
      document.write("출력할 문자열" or 변수명);
      document.writeln("출력할 문자열" or 변수명);

2.이벤트 처리기 이용.
  ㄱ.마우스 동작과 관련된 이벤트 처리기
       형식)
               <A HREF ="링크되는 URL" onMouseOver="마우스 포인터가 링크되는 영역에
                     접근했을 때의 실행시킬 함수나 명령">링크 텍스트 또는 링크이미지</A>
               <A HREF ="링크되는 URL" onMouseOut="마우스 포인터가 링크되는 영역에 
                    벗어났을 때의 실행시킬 함수나 명령">링크 텍스트 또는 링크이미지</A>

   ㄴ.경고 메시지 나타내기
        형식)
               alert("출력할 메시지" or 변수명) 

   ㄷ.확인 대화 상자 나타내기
        형식)
               confirm("출력할 메시지" or 변수명) 
   
   ㄹ.프롬프트 대화 상자 나타내기
        형식)
               prompt("출력할 메시지" or 변수명,"초기값" or 변수명)        
               -사용자로부터 입력 받은 값을 홈페이지에 반영.
                                                   
  


'프로그래밍 > HTML' 카테고리의 다른 글

스타일 정의방법  (0) 2011.02.03
DHTML 문서 작성((스타일 시트, 레이어)  (0) 2011.02.03
멀티미디어 사용하기  (0) 2011.02.03
입력 양식 만들기  (0) 2011.02.03
프레임 만들기  (0) 2011.02.03