웹개발 기초 7주차

자바스크립트 코드 작성 위치

1. HTML 태그 이벤트 리스너 속성

2. <script></script>태그 //head 태그, body 태그 내 어디든 가능, 여러 번 삽입 가능

3. 자바스크립트 파일.js // <script src="파일이름.js">코드 추가 X</script> 

4. 하이퍼링크의 href부분

 

javascript:alert("내용") <- 내용을 가진 창을 띄워줌

 

이벤트 리스너

1. onmouseover="코드"; // 마우스가 올라가면

2. onmouseout="코드"; // 마우스가 내려가면

 

script 안에 function키워드를 이용하여 함수 작성

 

웹 페이지 : document

브라우저 윈도우 출력

document.write() //printf()

document.writeln() //\n을 사용 줄넘기기x 한 칸띄우기

document.write("<h3>내용</h3>"); // h3태그를 출력하는 방법(다른 태그도 동일)

 

prompt("메세지","디폴트 입력값") - 인자(입력 값), 확인, 취소

ex) var ret = prompt("이름을 입력", "최진수"); 

confirm("메세지") - 확인, 취소

ex) var ret = confirm("메세지");

alert("메세지") - 확인

ex) alert("클릭"); 

 

변수 선언 : var키워드이용 또는 var없이 선언과 동시에 사용

(변수 타입이 없다.) int, double 등 사용 불가능

함수 안에 var를 통해 선언 => 지역 변수

함수 밖에 var를 통해 선언 또는 함수 안에 var없이 선언 => 전역 변수

지역 변수와 전역 변수의 이름이 같을 때 전역 변수에 접근하기 위해서는 this.전역변수를 사용하면 된다.

 

if-else if-else

if(조건){
}

else if(조건){

}

else{

}

 

switch(식){

case 값:

실행문

break;

case 값:

실행문

break;

......

default:

실행문

}

 

for(초기문;조건식;반복 후 작업(증감식)){

...작업문...

}

 

while(조건){

...작업문...

}

 

함수

function 함수이름(arg1, arg2, ..., argN)

{

코드

return ;

}

 

eval(exp) : exp의 자바스크립트 식을 계산하고 결과 리턴

parseInt(str) : str문자열을 10진수 정수로 변환하여 리턴

parseInt(str,radix) : str문자열을 radix 진수로 해석하고, 10진수 정수로 바꾸어 리턴

parseFloat(str) : str문자열을 실수로 바꾸어 리턴

isFinite(value) : value가 숫자면 true

isNaN(value) : value가 숫자가 아니면 true

 

css제어

ex)

function over(obj)

{

obj.style.background="yellow";

}