javaScript/javaScript

'2020.03.26

for_pavane 2020. 3. 26. 13:20

script 파일 로드의 위치

1. 헤드태그 사이에 위치 - 해드태그에 들어간 script 파일은 바디태그의 객체를 읽기 전으로, 객체가 null로 표현됨
해드 태그 사이에 script가 존재할 것이라면,
window.onload = function(){} 을 사용하는 것이 좋음 
(페이지가 완성이 되었을 때 우항의 function이 실행되어라)

2. 바디태그가 끝나기 전에 script를 넣게 되면, 차례대로 페이지를 로드하기 때문에, window.onload가 필요없음.
속도면에서도, 2번의 방식이 조금 더 빠름.
해드 태그 사이에 스크립트가 있다면, 브라우저는 스크립트를 먼저 해석하여 렌더링이 지연됨

3. window 모든 객체를 포함하는 객체 / 전역객체
DOM - document object model
BOM - browser object model

4. 사용자와 커뮤니케이션 
1) alert : 경고창 / 사용자에게 정보를 제공하거나 디버깅 용도 
/ 경고창이 실행되는 동안, 다음 로직이 실행되지 않는 특징 (confirm / prompt 도 동일한 특징)
2) confirm : true / false 값을 리턴시킬 수 있음
3) prompt : 사용자의 입력값을 전송


5. location 객체 : 문서의 주소정보 / console.log(location.href) / console.log(location.toString()) / 현재 문서 주소 알아내기