목적:

reset.css, jq-ui.css, jq.js 등 프로젝트의 모든 페이지에 공통되는 리소스를 하나의 js로 패키징하고 싶습니다. 앞으로는 초기화 js라고 할 수 있습니다. 새 페이지에서는 이 js만 참조할 수 있습니다.

현재 상황:

index.html

다음으로 변경하고 싶습니다:

index.html

init.js

질문:

페이지 리소스 로딩 순서 문제

1. reset.css는 처음에 로드되어야 합니다. ----실제 상황은 DOM이 렌더링된 후에 로드된다는 점인데, 이는 쓸모가 없습니다

2. jq.js, 모든 페이지의 js가 jq에 의존하기 때문에 jq를 먼저 로드한 다음 페이지의 js를 로드합니다. ----실제 상황은 js 페이지가 먼저 로드되고 오류가 보고되는 것입니다.

조언을 요청하세요:

1. 위에서 원하는 결과를 얻으려면 외부 src 및 href 리소스가 원하는 순서대로 요청되도록 어떻게 작성해야 합니까? 종속 CSS와 js는 페이지의 js가 실행되기 전에 실행되어야 하며 로드 후에 실행되어야 합니다.

2. 파일 수신 이벤트 및 onload를 확인했는데 내 페이지에 공통된 사항이 많이 있습니다. 로드하기 전에 초기화된 리소스가 모두 로드되었는지 어떻게 확인할 수 있나요?