스크립트 로딩이 완료되었는지 확인하는 방법_javascript 기술

WBOY
풀어 주다: 2016-05-16 18:52:25
원래의
938명이 탐색했습니다.

onload를 사용하여 로드된 JS 객체(js.onload)를 확인할 수 있습니다. 이 방법은 Firefox2, Firefox3, Safari3.1 및 Opera9.6 브라우저에서 잘 지원되지만 IE6 및 IE7에서는 지원되지 않습니다. 국가를 저장하는 곡선 - IE6, IE7 js.onreadystatechange를 사용하여 각 상태 변경(일반적으로 로드 중, 로드됨, 대화형, 완료)을 추적할 수 있습니다. 반환 상태가 로드되거나 완료되면 로드가 완료되고 콜백이 완료되었음을 의미합니다. 함수가 반환됩니다.

readyState 상태에 대한 보충 설명이 필요합니다.
1. Interactive 상태에서는 사용자가 상호작용에 참여할 수 있습니다.
2. Opera는 실제로 js.onreadystatechange를 지원하지만 IE의 상태와는 매우 다릅니다.

구체적인 구현 코드는 다음과 같습니다.

코드 복사코드는 다음과 같습니다.

function include_js(file) {
var _doc = document.getElementsByTagName('head')[0];
var js = document.createElement('script')
js.setAttribute ('유형', '텍스트/javascript');
js.setAttribute('src', file)
_doc.appendChild(js)

if (!/*@cc_on! @*/0) { //IE가 아닌 경우
//Firefox2, Firefox3, Safari3.1, Opera9.6 지원 js.onload
js.onload = function () {
alert('Firefox2, Firefox3, Safari3.1, Opera9.6 지원 js.onload');
}
} else {
//IE6, IE7 지원 js.onreadystatechange
js.onreadystatechange = function () {
if (js.readyState == 'loaded' || js.readyState == 'complete') {
alert('IE6, IE7 지원 js.onreadystatechange')
}
}
}

false 반환
}

//실행 함수
include_js('http://img.jb51.net/jslib/jquery/jquery-1.3.2 .min.js)
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿