javascript - Js 또는 Jq를 사용하여 리소스가 로드되었는지 확인
天蓬老师
天蓬老师 2017-05-18 10:57:54
0
4
594

예를 들어 사진의 경우 로드될 때까지, 즉 요청이 수신된 후 기다렸다가 다른 작업을 수행합니다.

SWF 로드 여부 등 다른 리소스 유형도 같은 방법인가요?

또는 http 요청을 모니터링하는 방법은 무엇입니까?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

모든 응답 (4)
洪涛

브라우저가 이러한 리소스를 로드하거나http요청을 비동기적으로 보낼 때 일반적으로후크 기능을 제공합니다.http请求的话,一般都会提供钩子函数

例如,你异步去获取js代码:

const script = document.createElement('script') script.src = 'xxxx' script.onload = script.onreadystatechange = function () { if (!this.readyState || /^(loaded|complete)$/.test(this.readyState)) { resolve(window[namespace][name]) sc.onload = sc.onreadystatechange = null } } document.body.append(script)

你创建的script对象上提供了加载的钩子函数:onload/onreadystatechange(浏览器的兼容性处理),当你把script标签插入到DOM中时,浏览器另开一个线程去异步加载你需要的js资源,在加载的不同阶段:this.readyState对应不同的值,这个时候根据需要设置你的回调函数。这样就完成了对于一段js

예를 들어 js코드를 비동기적으로 가져옵니다. 으아아아 생성한 script개체는 로딩 후크 기능을 제공합니다: script를 입력하면 onload/onreadystatechange(브라우저 호환성 처리) 태그가 다음과 같은 경우 DOM에 삽입되면 브라우저는 필요한 js리소스를 비동기적으로 로드하기 위해 다른 스레드를 엽니다. 다양한 로드 단계에서 this.readyState는 다음과 같습니다. 이때 필요에 따라 콜백 함수를 설정하세요. 이로써 js코드 조각의 비동기 획득 모니터링이 완료됩니다.
    PHPzhong

    onload 이벤트 또는 Readystatechange 이벤트이지만 모든 객체가 이를 지원하는 것은 아닙니다. 게다가 약속도 작동해야 합니다

      PHPzhong

      http://stackoverflow.com/ques...

      으아아아
        阿神

        Ajax를 고려하거나 API를 가져올 수 있습니다

          최신 다운로드
          더>
          웹 효과
          웹사이트 소스 코드
          웹사이트 자료
          프론트엔드 템플릿
          회사 소개 부인 성명 Sitemap
          PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!