자바스크립트+제이쿼리

브라우저 객체 모델

$window

window.open()

window.open(url,  name, option)

window.alert()

widnow.prompt()

prompt("질의내용", "기본답변");

window.confirm()

window.moveTo()

window.resizeTo()

widnow.setInterval - 일정 간격 지속적으로 스크립트 실행문을 실행시킬 때 사용합니다.

var 참조변수 = setIntervla("스크립트 실행문". 시간 간격);

clearInterval(참조변수);     -  참조 변수가 있어야 취소 가능하다

window.setTimeout  - 일정한 간격으로 스크립트 실행문을 한 번 만 실행시킵니다.

$screen

screen.width

screen.height

screen.availWidth : 작업표시줄을 제외한

$location

$history

$문서 객체 모델(DOM) - HTML 문서의 구조를 가리켜 

선택자(Selector) - CSS에 선택자는 HTML에 태그(요소)를 선택하여 다양한 속성과 값을 선언하여 스타일을 적용할 때 사용합니다.

자바스크립트에도 CSS에 선택자 처럼 요소를 선택할 수 있는 선택자가 있으며 선택된 요소는 스타일을 적용하거나 이벤트 등을 등록할 수 있습니다.

#box{color:read;}

docuemtn.getElementById("box).style.color="red";

선택자의 종류

직접선택자  : getElemenById("아이디명") - 아이디 선택자

              getElementsByTagName("태그명")

              document.폼이름.입력요소이름

인접관계 선택자  : parentNode childNodes, children, firstChild, priviousSibring, nextSibring

5장 함수

//<![CDATA[

function test(){

document.write("안녕하세요","<br>");

document.write("반갑습니다.");

}

test();

//]]>

//<![CDATA[

function test(){

num=100; //전역변수 var가 없이 상용되면 전역변수가 된다.

var a = 200; //지역변수

}

//]]>

6장 이벤트

이벤트

쌍따옴표 사이에는 자바스크립드 실행문이 들어갑니다. 이것을 우리는 이벤트 핸들러라고 합니다.

이벤트 객체

window.onload = function(){

document.getElementById("btn1").onClick=function(){

zoomIn();

};

};

document.onclick = function(m){

var evt = m?m:window.event;

alert(evt.pageY);

};

7장 선택자---jQuery