>  기사  >  웹 프론트엔드  >  Javascript의 실행 순서를 변경하는 방법

Javascript의 실행 순서를 변경하는 방법

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-07-19 14:45:563130검색

방법: 1. onload를 사용합니다. 2. IE에서 deferdefer를 사용하여 코드를 로드하고 즉시 실행하지 않을 수 있습니다. 3. Ajax에서 xmlhttpRequest를 사용하여 외부 문서의 상태를 확인합니다. 로딩.

Javascript의 실행 순서를 변경하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

1. onload

<script type="text/javascript">
//<![CDATA[
window.onload = f;
function f(){alert(1);}
alert(2);
//]]>
</script>

를 사용하세요. 출력 값 순서는 2, 1입니다.

winodws.onload가 여러 개인 경우 가장 효과적인 것만 적용됩니다. 해결 방법은 다음과 같습니다.

window.onload = function(){f();f1();f2();.....}

2단계 DOM 이벤트 유형을 사용하세요

if(document.addEventListener){
window.addEventListener(&#39;load&#39;,f,false);
window.addEventListener(&#39;load&#39;,f1,false);
...
}else{
window.attachEvent(&#39;onload&#39;,f);
window.attachEvent(&#39;onload&#39;,f1);
...
}

2. 코드를 디코딩하는 데 사용됩니다. 로드된 후 즉시 실행됩니다. onload와 다소 유사하지만 재사용이 가능하지만 유효합니다. IE이므로 위의 예를 이렇게

<script type="text/javascript">
//<![CDATA[
document.write(&#39;<script type="text/javascript" src="test.js"><\/script>&#39;);
document.write(&#39;<script type="text/javascript" defer="defer">&#39;);
document.write(&#39;alert(2);&#39;)
document.write(&#39;alert("我是" + tmpStr);&#39;);
document.write(&#39;<\/script>&#39;);
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
alert(3);
//]]>
</script>

로 수정할 수 있습니다. IE는 더 이상 오류를 보고하지 않으며 출력 값의 순서는 Ajax를 사용하여 1, 3, 2, I am 1

3이 됩니다.

xmlhttpRequest는 외부 문서의 로딩 상태를 결정할 수 있기 때문에 코드의 로딩 순서를 변경할 수 있습니다.

【추천 학습: javascript 고급 튜토리얼

위 내용은 Javascript의 실행 순서를 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.