Javascript (3) 썸네일형 리스트형 how to load .js file 자바스크립트를 어떻게 포함하는게 더 효율적일까? 스트립트를 head에 포함시키는 방법 : 웹브라우저가 한줄한줄 읽어나가면서 script태그가 나오고 src="" 의 파일을 로드한다. 단점 : js 파일이 너무 많은 경우 사용자가 웹사이트를 보는데 까지 오래걸린다. Body태그 끝에 script태그를 두는 방법 : 웹페이지가 거의 준비된 다음에 스크립트를 로드 단점 : 웹사이트가 자바스크립트에 의존적이라면 사용자가 정상적인 페이지를 보기전까지는 웹사이트가 자바스크립트를 페치하고 기다리는 시간이 발생 head + asyn : asyn 는 boolean타입의 속성값이어서 설정만해도 true로 되서 사용할 수 있다. 웹 브라우저는 asyn가 있으면 병렬로 js파일을 다운로드 하게 된다. 단점 : html을 완전.. a 태그에서 함수 호출하기 href="javascript: " 와 onclick=" " 의 차이점 a 태그로 함수를 실행시키는 방법은 두가지가 있다. href와 onclick 속성을 사용하는건데 href로 자바스크립트를 실행시키면 element가 자신을 지칭하는 this를 전달하지 않는다. 그러나 onclick을 사용하면 this를 전달할 수 있다. 객체의 생성 및 사용 객체 형태와 구성요소 var person = {}; 이렇게만 해도 자바스크립트 객체가 생성된다. 그렇다 자바스크립트에선 { } 로 객체를 정의 할 수 있다. 위에 함수는 텅 빈 함수이니 제대로 생성해보자 var person = { name: ['Bob', 'Smith'], age: 32, gender: 'male', interests: ['music', 'skiing'], bio: function() { alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.'); }, greeting: function() { .. 이전 1 다음
