JS 스크립트 defer의 역할 예 소개

 
  
 
  
  defer               ,             ---     
  
test 
  
 
  <br>myButton.click(); 
  <br> 
  
 
  <br>myButton.click(); 
  <br> 
  
 
  
test 
  
 
  <br>function document.body.onload() { 
  <br>alert(document.body.offsetHeight); 
  <br>} 
  <br> 
  
 
 

defer를 더하면 페이지가 완전히 들어간 후에 실행되는 것과 같으며, 이것은 window에 해당한다.onload, 하지만 window보다 적용됩니다.온로드가 더 유연해!
defer는 스크립트 프로그램의 강력한 기능 중의 '무명 영웅' 이다.이것은 브라우저 스크립트 섹션에 즉시 실행할 필요가 없는 코드가 포함되어 있음을 알려주며, SRC 속성과 함께 사용하면 스크립트를 백엔드에서 다운로드할 수 있고, 프론트 데스크톱의 내용은 사용자에게 정상적으로 표시됩니다.
-- 하지만 문서가 로드되면 스크립트를 실행합니다.
마지막으로 두 가지를 주의하세요.
1. defer형 스크립트 프로그램 세그먼트에서document을 호출하지 마십시오.write 명령, 문서 때문에.write는 직접 출력 효과를 발생합니다.
2. 그리고 defer형 스크립트 프로그램 세그먼트에 스크립트를 즉시 실행할 때 사용할 전역 변수나 함수를 포함하지 마십시오.
스크립트가 즉시 실행될 필요가 없을 때 탭에 'defer' 속성을 설정하는 것이 일반적인 최적화 방법입니다.(즉각 스크립트가 function 블록에 포함되지 않았기 때문에 불러오는 과정에서 실행됩니다.)"defer"속성을 설정하면 IE 는 스크립트가 마운트되고 실행될 때까지 기다릴 필요가 없습니다.이렇게 하면 페이지가 더 빨리 불러옵니다.일반적으로, 이것은 즉각 스크립트를function 블록에 놓고 문서나 바디 대상의 onload 핸들에서 이 함수를 처리하는 것이 가장 좋다는 것을 나타낸다.일부 스크립트가 사용자 작업에 의존해야 할 때, 예를 들어 단추를 누르거나, 마우스를 특정한 구역으로 이동할 때, 이 속성을 사용하면 매우 유용하다.그러나 일부 스크립트가 페이지를 불러오는 과정이나 불러오는 완료 후에 실행되어야 할 때 defer 속성을 사용하면 큰 이득이 없습니다.
<br>
<br>모두 defer가 일으킨 화인데, 요 며칠 사이트에서 전문을 보면 오류가 발생한 원인이다
<br>
<br><p style='line-height: 150%;text-indent: 15pt;'>본 사이트는 지난 주말 Google 광고를 내보냈으며, 당시 광고의 투입을 방지하기 위해 페이지 가져오기 시간을 연장하기 위해 Google Ad 코드, <를 수정했습니다.script>defer 도입 지연 광고를 사용했습니다. 저는 FireFox 브라우저를 사용했는데 문제가 있는 것을 발견하지 못했습니다. 오늘 어떤 친구가 본 사이트에 와서 자료를 찾았는데 Maxthon을 사용했습니다. 저에게 글을 보자마자 페이지가 휙 지나갔습니다. 그래서 문제가 있다는 것을 알았습니다. 이틀 동안 이렇게 사이트의 방문이 계속 떨어졌다고 했습니다. 원인을 찾아보니 defer의 원인인 것 같습니다. Firfox에서 defer가 효력을 잃은 것 같기 때문입니다.페이지는 실제로 원본 컨텐트와 함께 로드되지만 IE에서는 스크립트 로드가 지연되어 Google Ad 스크립트에 Document가 사용됩니다.write 쓰기 방법, defer 때문에 Google AD의 스크립트가 iframe으로 검출되었기 때문에 Google 광고의 실제 내용을 가져올 때 전체 페이지를 덮어쓰고 전체 텍스트를 보는 현상이 발생합니다.lt;/p>
<br>
<br><p style='line-height: 150%;text-indent: 15pt;'>제가 코드를 수정해서 이렇게 테스트를 안 한 탓입니다. 앞으로 뭘 바꾸든지 IE와FireFox에서 모두 테스트를 통과해야 합니다. 이틀 동안 여러분의 방문에 어려움을 끼친 것에 대해 가장 진지한 사과를 드립니다!lt;/p>
<br><p style='line-height: 150%;text-indent: 15pt;'>또한:FireFox를 사용하여 본 사이트를 방문하는 것을 추천합니다. 방문과 해석 속도, 페이지 레이아웃의 일치성이 더욱 좋습니다!lt;/p>
<div class="clearfix">
<span id="art_bot"class="jbTestPos"></span>
</div>
</div>
</div>
</div>
</div>
<!--PC와 WAP 어댑터 - >
<div id="SOHUCS"sid="1176054555276816384"></div>
<script type="text/javascript"src="/views/front/js/chanyan.js">