자바스크립트 로딩 및 실행

먼저 Javascript의 로딩과 실행에 대해 이야기하고 싶습니다. 일반적으로 브라우저에는 Javascript 실행에 대한 두 가지 주요 특징이 있습니다. 1) 로드 후 즉시 실행됩니다. 2) 실행 시 페이지의 후속 콘텐츠(페이지 렌더링 및 기타 리소스 다운로드 포함)를 차단합니다. 따라서 여러 js 파일이 도입되면 브라우저의 경우 이러한 js 파일이 직렬로 로드되어 순차적으로 실행됩니다.

자바스크립트는 HTML 문서의 DOM 트리를 조작할 수 있기 때문에 브라우저는 일반적으로 CSS 파일을 병렬로 다운로드하는 것처럼 js 파일을 병렬로 다운로드하지 않습니다. 이는 js 파일의 특수성 때문입니다. 따라서 자바스크립트가 후속 DOM 요소를 작동하려는 경우 기본적으로 브라우저는 객체를 찾을 수 없다는 오류를 보고합니다. Javascript가 실행되면 후속 HTML이 차단되고 DOM 트리에 후속 DOM 노드가 없기 때문입니다. 그래서 프로그램에서 오류를 보고했습니다.

전통적인 방식

그래서 코드에 다음 코드를 작성하면

<scripttype="text/javascript"  src="http://coolshell.cn/asyncjs/alert.js"></script>

기본적으로 헤드에

왜 많은 웹사이트에서 웹 페이지 끝에 javascript를 넣거나 window.onload 또는 docmuemt Ready와 같은 이벤트를 사용하는지 아실 겁니다.

또한 대부분의 Javascript 코드는 페이지를 기다릴 필요가 없기 때문에 비동기 로딩 기능을 갖추고 있습니다. 그렇다면 어떻게 비동기적으로 로드할까요?

document.write 메소드

그래서 document.write()가 차단 없이 문제를 해결할 수 있다고 생각할 수도 있습니다. 물론