티스토리 뷰

1. 자바스크립트 기본 구조 

<script language="javascript">

           document.write("문장을 써요~!");

</script>

 

2. 자바스크립트의 선언과 실행
  1) head 부분에 쓸 수도 있고 body부분에 직접 쓰는 방법
     - 단, head부분에 쓰는 것을 권장
  2) 외부에서 불러와서 쓰는 방법
  3) 이벤트 핸들러와 행 입력하는 방법
 

3. 자바스크립트 외부에서 불러와서 실행하는 방법

확장자가 '.js'인 파일을 script선언 내에서 src로 불러오면 됨.

example.js

document.write("<i>외부 파일에서 불러오기!</i>");

document.write("<hr>");

 

exam.html

<script language="javascript" src="example.js"/>

</script>

 

4. 따옴표 주의!
  document.write(
"<font color='blue'> 파란글씨여요 </font>");
  document.write(
'<font color="blue"> 파란글씨여요 </font>');
    : 위와같이 전체를 큰따옴표로 감싸면 내부에는 작은따옴표를 쓰고, 전체가 작은따옴표라면 내부는 큰따옴표를 써야한다.

  document.write(
"<font color="blue"> 파란글씨여요 </font>");   <=오류!!!

   

5. 이벤트 핸들러

<body>            

    <a href="JavaScript:alert('메시지박스내용이에요')">여기를 누르면! </a>

</body>

 


6. 변수 선언
  : 변수명은 알파벳, 숫자, 언더바(_) 조합으로 한다.
  : 공백이 있어서는 안되고 첫번째 오는 문자는 숫자가 없다.
  : 예악어는 변수명으로 사용할 없다.
  : 하나의 프린트문(document.write)안에 내용과 변수를 같이 때는 "+"기호를 이용한다
  : 변수선언은 기본적으로 [var 변수명] 으로하며type은 정하지않고 자유롭게 쓸 수 있다.

<script language="javascript">

var age;
age = 25;
document.write(" age : <font color='red'> " + age + "</font>");

function sum(a1) {                      // 함수내에서

var num1 = 10;                // var 키워드로 변수선언시 지역변수(함수내에만사용)
num2 = 20;                     // 그냥 선언시 전역변수(프로그램내에서 자유롭게사용)
document.write(a1+num1+num2);

</script> 

 


7. 문자열에 특수문자 넣기
 1) \n : enter(new line)
 2) \t : tab
 3) \b : back space
 4) \f : form feed(다음페이지로 커서이동)
 5) \r : return(줄의 처음으로 커서이동)
 6) \\ : \
 7) \' : '
 8) \" : "

댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday