IE6/7에서 JavaScript는 두 가지 방법으로 페이지 렌더링을 방해합니다.
스크립트 태그 아래의 웹 리소스는 스크립트가 로드되기 전에 요청 및 다운로드를 중지합니다.
스크립트 태그 아래의 html 요소는 스크립트가 로드되기 전에 렌더링을 중지합니다.
스크립트 태그는 ie6/7 firefox2/3 Safari3 Chrome1 및 Opera에서 다운로드를 방해합니다:
ie8, safari4 및 chrome2에서 스크립트가 동시에 실행될 수 있지만 여전히 다른 리소스의 다운로드를 방해합니다.
다른 리소스와 동시에 스크립트를 다운로드하는 방법에는 6가지가 있습니다.
1.
2.XHR 삽입 — XHR을 통해 스크립트를 다운로드한 다음 스크립트 태그를 생성하여 문서(body 또는 head 태그에)에 삽입한 다음 스크립트 태그의 text 속성을 XHR의 responseText
값으로 설정합니다.
3.Iframe의 XHR — 스크립트 태그를 iframe에 넣고 iframe을 통해 다운로드하세요.
4.스크립트 DOM 요소 — 스크립트 태그를 생성하고 해당 src 속성이 스크립트 주소를 가리키도록 합니다.
5.Script Defer — 스크립트 태그의 defer 속성을 추가합니다. 이는 IE에서만 유효하지만 Firefox3.1도 이 속성을 지원합니다.
6. document.write 메소드를 사용하여 페이지에