자바스크립트 2장 } 객체, 속성, 메소드

객체(object)

1. 일상생활에서 나타나는 모든 사물을 자바스크립트에서는 객체라고 한다.

2. html에서 사용되는 문서의 이미지, 폼들과 같은 요소를 객체라고 한다.

3. 객체는 사용자가 작성할 수 있으며 이미 자바스크립트에서 제공하는 time, array등과 같은 내장 객체들도 있다



속성(property)

1. 자바스크립트에서는 객체는 속성을 가질 수 있다. 

2. 속성은 속성값을 가지고 있다. 객체와 속성을 연결할 때는 . 으로 연결하고 속성값은 = 으로 값을 전달한다

객체. 속성 = "속성값"

  1. document.bgColor="yellow";



메소드(method)

1. 속성이 객체의 기본값이라고 하면 메소드는 이러한 행동과 동작을 유발하는 동적개념이다.

2. 메소드의 사용목적은 반복되는 동작을 실행할 때 이를 명령어로 계속 표현하는 것을 줄이고 좀더 간결하게 나타내기 위해 사용된다

객체.메소드(값);

3. ()안에는 메소드의 대상이 되는 function으로 구성된 함수를 호출하여 명령문들을 수행 후 다시 호출한 메소드 다음 문장으로 되돌아 온다

이때 인수라고 하는 전달 값이 있으면 ()안에 넣은 변수 또는 직접 값을 나타낼 수 있으며 전달값이 없더라도 ()를 붙여서 나타나야 한다. 

4. 이렇게 반복되는 문장을 가진 화면을 표현하고자 한다면,


  2. function mapGuide(){
  3. document.write("사당역14번 출구!<br/>");
  4. }
  5. mapGuide();
  6. mapGuide();
  7. mapGuide();

  9. document.write("<hr/>")

  11. function Method(name){
  12.   document.write("안녕하세요. "+name+" 님"+" <br/>");
  13.   document.write("좋은 아침입니다"+"<br/>"+"<br/>");
  14. }
  15.  Method("홍길동");
  16.  Method("김철수");
  17.  Method("김영희");

5. 자바스크립트를 지원하지 않는 경우는 <noscript>을 사용한다

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">

  4.  <head>
  5. <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
  6.   <title> new document </title>
  7. <script type="text/javascript">
  8. //<![CDATA[

  10. function mapGuide2(num){ // num:매개변수
  11. alert(num);
  12. }
  13. mapGuide2("14번 출구입니다");
  14. //]]>
  15. </script>

  17. </head>

  19. <body>
  20. <noscript>
  21. <h1>현재 브라우저는 자바스크립트를 지원하지 않습니다</h1>
  22. </noscript>
  23. </body>
  24. </html>

저작자표시

'공부 > 자바스크립트' 카테고리의 다른 글

자바스크립트 3장 } 자바스크립트 작성시 주의사항  (0) 2013.01.08
자바스크립트 1장 } 정의, 역할, 사용방법  (0) 2013.01.07
Posted by uuulike :

티스토리툴바