ex)
<html>
<body>
<img src=“abcde”> => img tag에 src속성으로 이런 값을 주면 이 값에 해당되는 이미지를 로드(html프로그래밍)
</body>
</html>
JavaScript를 통해 프로그래밍적으로 제어하려면?
<img src=“abcde”>
=> 이것을 JS로 제어가능한 상태, 즉 object여야함 -> 브라우저가 만들어놓은 이미지태그에 해당되는 객체를 찾아야함
브라우저에서 이미 각각의 태그들을 미리 객체로 만들어놓고 준비해두었다.
이미 만들어진 태그에 해당하는 객체를 대상으로 method를 호출한다거나, property값을 가져와서 객체를 제어.
자바스크립트를 통해 브라우저를 제어하려면? ‘객체’를 다뤄야한다.
img ;// []값이 나온다.
img[0];//
img[0].style.width=‘300px’;// 이미지의 크기 변경
웹브라우저의 윈도우 창에 해당되는 객체 : window
window.alert(‘Hello World’);// 경고창 뜬다.
window라는 객체에서 alert(내장함수)라고하는, 브라우저가 미리 준비해놓고 제공한 메소드를 호출해서 경고창 실행=> window라는 객체의 method.