브 라 우 저 를 차단 하지 않 고 자 바스 크 립 트 를 불 러 오 는 몇 가지 방법 요약
페이지 를 불 러 오 는 과정 에서 내용 이 점차적으로 나타 나 면 좋 은 사용자 체험 에 있어 매우 중요 하 다.일반적으로 우 리 는 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 와 마찬가지 로 호환성 이 부족 하 다.
총결산
상술 한 몇 가지 방식 은 구체 적 인 수요 에 근거 해 야 한다.예 를 들 어 크로스 필드 가 필요 합 니까?스 크 립 트 가 순서대로 실행 되 는 지 확인 해 야 합 니까?더 많 거나 더 적은 브 라 우 저의 바 쁜 표시 기 를 터치 해 야 합 니까?그리고 호환성,지원 하 는 코드 량 을 확인 하여 그런 방식 을 종합 적 으로 고려 하 는 것 이 적절 하 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
fcntl () 로 차단 함수 의 차단 성 을 설정 합 니 다.텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.