.on() / .click() / .ready() / .load()
로딩관련 method
.ready() : 이벤트는 클라이언트가 사이트를 방문할 때 요청한 HTML문서 객체의 로딩이 끝나면 이벤트를 실행한다.(웹문서 DOM)
.load() : 이벤트는 외부에 연동 소스(iframe, img, video 등)의 로딩이 끝나면 이벤트를 실행한다.(window 객체 외부 연결된 요소들 갖고오기까지)
var a=10;
var b=20;
var c=30;
function outer_func(){
var b=200;
var c=300;
function inner_func(){
var c=3000;
document.write(a)
document.write(b)
document.write(c)
}
inner_func();
}
outer_func();
결과는? a=10, b=200, c=3000으로 가장 가까운 지역변수의 값이 들어간다.
1)리턴 값으로 중첩함수
function hi(){
//중첩함수가 있는 상태
function hello(name){
document.write(name + "님 안녕하세요.");
}
return hello; //리턴값으로 중첩함수를 넘기고 있다.
}
//함수를 변수에 저장한 것이 아니고 hi()를 호출하고 그 리턴값으로
//중첩함수인 hello()함수를 받고 있는 것이다.
var func = hi();
func("홍길동"); //hello("홍길동"); 동일하다.
2)
function hi(name) {
document.write(name + "님 환영합니다.");
}
hi("홍길동");
var fhi = hi; //함수 리터럴--함수를 변수에 저장한 꼴
fhi("임꺽정");
//hi1() 일반적 함수이다.
function hi1() {
alert("안녕하세요!");
}
//exec()함수는 매개변수 값으로 함수를 받고 있다.
function exec(func){ //func = hi1;와 동일하다.
func(); //매개변수로 받은 함수를 호출하고 있다.
}
exec(hi1); //alert 창이 뜸
사이트 소개
place-hold.it/300x300
300 X 300에 맞는 크기의 이미지 갖고옴