브 라 우 저 를 차단 하지 않 고 자 바스 크 립 트 를 불 러 오 는 몇 가지 방법 요약

2060 단어 비 차단로드
브 라 우 저 는 스 크 립 트 를 정확하게 실행 하고 레이아웃 을 표시 하기 위해 브 라 우 저 로 딩 과 실행 이 완료 되 기 전에 페이지 의 후속 내용 과 다른 자원 의 로 딩 을 완전히 차단 합 니 다.
    페이지 를 불 러 오 는 과정 에서 내용 이 점차적으로 나타 나 면 좋 은 사용자 체험 에 있어 매우 중요 하 다.일반적으로 우 리 는 wondow 대상 의 onload 이벤트 처리 함수 에서 일 을 하지만 스 크 립 트 가 불 러 오 는 것 을 막 고 나타 나 는 특성 때문에 페이지 불 러 오 는 시간 이 onload 이벤트 의 트리거 를 지연 시 키 고 다른 한편 으로 는 사용자 가 기대 하 는 피드백 을 지연 시 킵 니 다.브 라 우 저가 외부 스 크 립 트 를 차단 하지 않 는 방식 으로 불 러 올 수 있 는 방법 이 필요 합 니 다.
하나.  외부 스 크 립 트 를 XML HttpRequest 대상 비동기 방식 으로 불 러 옵 니 다.
    이런 방식 의 장점 은 비교적 적은 브 라 우 저 바 쁜 표시 기 를 터치 하여 모든 현대 브 라 우 저 에 의 해 지 원 될 수 있다 는 것 이다.부족 한 점 은 브 라 우 저의 크로스 도 메 인 보안 메커니즘 때문에 같은 도 메 인 에서 외부 스 크 립 트 를 불 러 올 수 밖 에 없습니다.또한 여러 스 크 립 트 사이 에 의존 관계 가 있다 면 여러 스 크 립 트 의 실행 순 서 를 제어 하기 위해 서 는 관련 대기 열 관리 스 크 립 트 를 작성 해 야 합 니 다.
둘째.  Javascript 을 사용 하여 외부 스 크 립 트 의 SCRIPT 요 소 를 동적 으로 만 듭 니 다.
   이러한 방식 은 도 메 인 을 넘 어 외부 스 크 립 트 를 병렬 로 불 러 오 는 가장 좋 은 방안 이 라 고 생각 합 니 다.구현 방법 은 Javascript 을 사용 하여 HTML 에서 외부 스 크 립 트 에 필요 한 srcript 요 소 를 참조 하고 만 든 srcript 요소 의 src 속성 에 해당 하 는 외부 스 크 립 트 의 URL 을 설정 하여 다른 자원 과 병렬 로 불 러 오 는 것 입 니 다.
넷.  iframe 로 외부 스 크 립 트 불 러 오기
    이 방식 은 새로운 HTML 페이지 를 사용 하여 외부 스 크 립 트 를 이 HTML 페이지 의 줄 내 스 크 립 트 로 변환 한 다음 홈 페이지 에 iframe 을 사용 하여 스 크 립 트 를 포함 하 는 HTML 페이지 를 불 러 옵 니 다.이 방식 을 사용 하려 면 일부 코드 를 재 구성 하여 홈 페이지 의 DOM 요 소 를 방문 해 야 합 니 다.또한 IFRAM 은 씀 씀 이 가 상대 적 으로 큰 DOM 요소 로 도 메 인 간 제한 이 있다.
Script 탭 을 사용 하 는 derfer 속성
    이 방식 은 외부 스 크 립 트 를 차단 하지 않 고 병렬 로 불 러 오 는 가장 간단 한 방법 입 니 다.외부 스 크 립 트 를 참조 하 는 일반적인 방식 에서 SCRIPT 태그 에 defer 속성 을 적용 하면 됩 니 다.그러나 이러한 방식 으로 외부 스 크 립 트 를 불 러 오 는 것 은 부서 브 라 우 저 에서 만 병행 불 러 오기 때문에 호환성 이 부족 하 다 는 단점 이 있다.
6 document.write 스 크 립 트 태그
    이런 방식 은 실현 하기 도 비교적 간단 하 다.바로 javascript 인 document.write 방법 을 직접 사용 하여 HTML 에서 외부 스 크 립 트 를 인용 한 script 표 시 된 문자열 을 출력 하 는 것 이다.부족 한 점 은 방법 5 와 마찬가지 로 호환성 이 부족 하 다.
총결산
   상술 한 몇 가지 방식 은 구체 적 인 수요 에 근거 해 야 한다.예 를 들 어 크로스 필드 가 필요 합 니까?스 크 립 트 가 순서대로 실행 되 는 지 확인 해 야 합 니까?더 많 거나 더 적은 브 라 우 저의 바 쁜 표시 기 를 터치 해 야 합 니까?그리고 호환성,지원 하 는 코드 량 을 확인 하여 그런 방식 을 종합 적 으로 고려 하 는 것 이 적절 하 다.

좋은 웹페이지 즐겨찾기