Javascript 실행 순서에 대한 간략한 토론_기본지식

Javascript는 별도로 지정하지 않는 한 하향식 순서로 실행됩니다. Javascript 코드는 페이지가 로드될 때까지 기다리지 않고 실행됩니다. 예를 들어, 웹 페이지에 다음 HTML 코드가 포함되어 있습니다.

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

welcome to www.jb51.net

이 HTML 코드 줄 앞에 다음 Javascript 코드를 추가하는 경우:

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

이 페이지를 실행하면 다음 오류 메시지가 표시됩니다. "document.getElementById('ele')가 null입니다." 이유는 위의 자바스크립트가 실행될 때 페이지에 ID가 'ele'인 DOM 요소가 아직 없기 때문입니다.
두 가지 해결 방법이 있습니다.
1. HTML 코드 뒤에 자바스크립트 코드를 삽입합니다.

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

www.jb51.net에 오신 것을 환영합니다

2. 웹페이지가 로드될 때까지 기다렸다가 자바스크립트 코드를 실행합니다. 기존 솔루션(로드)을 사용할 수 있습니다. 먼저 HTML 본문을 추가하고 ""를 추가한 다음 load() 함수에서 위의 자바스크립트 코드를 호출합니다. 여기서 제가 집중하고 싶은 것은 이를 달성하기 위해 jQuery를 사용하는 것입니다.

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

< ;script>
$(document).ready(function(){
document.getElementById('ele').innerHTML= '내 블로그에 오신 것을 환영합니다';
} );

//물론 jQuery를 사용하므로 작성하는 더 간단한 방법은 다음과 같습니다.
<script><br>$(document).ready(function( ){<br> $('#ele' ).html('내 블로그에 오신 것을 환영합니다'); //여기서 .text() 메소드도 사용할 수 있습니다<br>});<br></script>

위의 jQuery를 넣을 수 있습니다. 코드가 페이지의 어디에 위치하든지 항상 페이지가 로드될 때까지 기다렸다가 실행합니다.