객체(object)

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

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

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




속성(property)

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

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

객체. 속성 = "속성값"

  1. document.bgColor="yellow";




메소드(method)

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

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

객체.메소드(값);

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

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

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


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

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

  8. function Method(name){
  9.   document.write("안녕하세요. "+name+" 님"+" <br/>");
  10.   document.write("좋은 아침입니다"+"<br/>"+"<br/>");
  11. }
  12.  Method("홍길동");
  13.  Method("김철수");
  14.  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">

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

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

  14. </head>

  15. <body>
  16. <noscript>
  17. <h1>현재 브라우저는 자바스크립트를 지원하지 않습니다</h1>
  18. </noscript>
  19. </body>
  20. </html>

Posted by uuulike :