>  기사  >  웹 프론트엔드  >  defer 속성으로 인해 JQuery를 참조하는 페이지에서 "브라우저가 웹 사이트 xxx를 열 수 없습니다. 작업이 중단되었습니다."_javascript 기술 오류를 보고합니다.

defer 속성으로 인해 JQuery를 참조하는 페이지에서 "브라우저가 웹 사이트 xxx를 열 수 없습니다. 작업이 중단되었습니다."_javascript 기술 오류를 보고합니다.

WBOY
WBOY원래의
2016-05-16 18:28:401274검색

JQuery는 aspx 페이지에서 사용되지만 IE6 브라우저가 이 페이지를 열면 "Internet Explorer가 인터넷 사이트 http://localhost:9001/Index.aspx를 열 수 없습니다. 작업이 중단되었습니다."라는 오류가 보고된 후 찾아볼 수 없습니다. 이 페이지는 일반적으로 IE7 또는 IE8을 사용하는 경우에는 이 문제가 발생하지 않습니다.
Operationaborted

"" 태그를 사용하여 모든 js 스크립트를 주석 처리합니다(이로 인해 문제가 발생하지만 적어도 이 페이지를 탐색할 수 있습니다). ). 하나씩 확인해 보니 문제점을 발견했습니다.

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

< ;script src="Jquery/DatePicker/WdatePicker.js" type="text/javascript">



이 문장으로 인해 발생한 문제는 이 줄에 주석을 달고 나면 페이지를 정상적으로 탐색할 수 있습니다.

참조된 js 스크립트가 아직 로드되지 않은 페이지 요소를 작동하는 것을 쿼리에서 발견했습니다. 이렇게 하면 <script> 스크립트에 "defer" 속성을 추가하면 문제가 매우 잘 해결됩니다. 정상적으로 검색됩니다. <br><br><div class="codetitle"> <span><a style="CURSOR: pointer" data="93027" class="copybut" id="copybut93027" onclick="doCopy('code93027')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code93027"> <br><script defer=" defer" src ="Jquery/DatePicker/WdatePicker.js" type="text/javascript"></script>


참조:

속성 연기 스크립트
시스템 성능에 더 관심이 있는 분이라면 스크립트 스크립트의 defer 속성에 관심이 있으실 것 같습니다.
스크립트의 defer 속성은 기본적으로 false입니다. DHTML 프로그래밍 가이드의 설명에 따르면 Defer 속성은 다음과 같이 작성됩니다.
디자인 타임에 속성을 사용하면 브라우저가 스크립트를 구문 분석하고 실행할 필요가 없으며 계속해서 다운로드할 수 있으므로 페이지의 다운로드 성능이 향상될 수 있습니다.
즉, 스크립트를 작성할 때 defer 속성을 추가하면 브라우저는 스크립트를 다운로드할 때 즉시 이를 처리할 필요가 없지만 계속해서 페이지를 다운로드하고 구문 분석합니다. 다운로드 성능이 향상됩니다.
그런 상황이 많아요. 예를 들어, JavaScript 변수를 많이 정의하거나 참조 파일(.inc)에 처리해야 하는 스크립트를 많이 작성하는 경우 이러한 스크립트에 defer 속성을 추가하면 성능 향상에 확실히 도움이 됩니다. .
예:
속성의 기본값은 false이므로 여기에서 defer 속성을 명시적으로 선언하는