비간섭 자바스크립트(Unobtrusive Javascript)
window 인스턴스의 onload 프로퍼티에 함수(그 함수에 이름이 있든 없든 상관 없이)를 할당하는 방법은 여러분이 지금까지 로드 이벤트 핸들러를 설정해왔던 방식과 다를 수 있습니다. 아마도 window.onload 대신 <body> 태그의 onload 속성을 사용하는데 더 익숙할지도 있습니다.
두 가지 방식 모두 같은 결과를 얻을 수 있지만, window.onload 방식을 선호합니다. 왜냐하면 비간섭 자바스크립트로 잘 알려진 원칙에 부합하기 때문입니다.
css가 등장하고 나서 문서 스타일 정보가 마크업 외부로 이동한 것을 기억하는가? 단지 소수만이 문서 구조에서 스타일을 분리하는 것이 나쁘다고 주장했고, 지금은 문서 스타일 정보와 마크업을 분리하는 행위는 대부분 올바르다고 간주됩니다. 마찬가지로 비간섭 자바스크립트는 문서 마크업과 스크립트를 분리함으로써 같은 행위를 하고 있습니다.
이로 인해 페이지의 세 가지 주요 구성요소(구조, 스타일, 동작)를 각자의 위치에 멋지게 분리할 수 있습니다. 구조는 문서 마크업으로 정의하고 스타일은 <style>요소나 외부 스타일 시트에 정의하며 동작은 <script>블록이나 외부 스크립트 파일에 정의합니다.
예제를 아주 간단하게 구성할 의도나 분명한 목적이 없는 한, 이 책의 예제에서는 문서 마크업 구조 내에 스크립트를 사용하지 않을 것입니다.