객체(object)
1. 일상생활에서 나타나는 모든 사물을 자바스크립트에서는 객체라고 한다.
2. html에서 사용되는 문서의 이미지, 폼들과 같은 요소를 객체라고 한다.
3. 객체는 사용자가 작성할 수 있으며 이미 자바스크립트에서 제공하는 time, array등과 같은 내장 객체들도 있다
속성(property)
1. 자바스크립트에서는 객체는 속성을 가질 수 있다.
2. 속성은 속성값을 가지고 있다. 객체와 속성을 연결할 때는 . 으로 연결하고 속성값은 = 으로 값을 전달한다
객체. 속성 = "속성값"
- document.bgColor="yellow";
메소드(method)
1. 속성이 객체의 기본값이라고 하면 메소드는 이러한 행동과 동작을 유발하는 동적개념이다.
2. 메소드의 사용목적은 반복되는 동작을 실행할 때 이를 명령어로 계속 표현하는 것을 줄이고 좀더 간결하게 나타내기 위해 사용된다
객체.메소드(값);
3. ()안에는 메소드의 대상이 되는 function으로 구성된 함수를 호출하여 명령문들을 수행 후 다시 호출한 메소드 다음 문장으로 되돌아 온다
이때 인수라고 하는 전달 값이 있으면 ()안에 넣은 변수 또는 직접 값을 나타낼 수 있으며 전달값이 없더라도 ()를 붙여서 나타나야 한다.
4. 이렇게 반복되는 문장을 가진 화면을 표현하고자 한다면,
- function mapGuide(){
- document.write("사당역14번 출구!<br/>");
- }
- mapGuide();
- mapGuide();
- mapGuide();
- document.write("<hr/>")
- function Method(name){
- document.write("안녕하세요. "+name+" 님"+" <br/>");
- document.write("좋은 아침입니다"+"<br/>"+"<br/>");
- }
- Method("홍길동");
- Method("김철수");
- Method("김영희");
5. 자바스크립트를 지원하지 않는 경우는 <noscript>을 사용한다
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
- <title> new document </title>
- <script type="text/javascript">
- //<![CDATA[
- function mapGuide2(num){ // num:매개변수
- alert(num);
- }
- mapGuide2("14번 출구입니다");
- //]]>
- </script>
- </head>
- <body>
- <noscript>
- <h1>현재 브라우저는 자바스크립트를 지원하지 않습니다</h1>
- </noscript>
- </body>
- </html>
'공부 > 자바스크립트' 카테고리의 다른 글
자바스크립트 3장 } 자바스크립트 작성시 주의사항 (0) | 2013.01.08 |
---|---|
자바스크립트 1장 } 정의, 역할, 사용방법 (0) | 2013.01.07 |