이 글은 JavaScript의 기본에 대한 글입니다. 주로 웹 페이지가 로드된 후 JavaScript가 실행되는 순서를 설명합니다. 이는 JavaScript의 실행 메커니즘을 이해하는 데 매우 중요합니다. 살펴 보겠습니다.
Javascript는 별도로 지정하지 않는 한 페이지가 로드될 때까지 기다리지 않고 실행됩니다. 예를 들어, 웹 페이지에 다음 HTML 코드가 포함되어 있습니다:
<p id="ele">welcome to www.codeceo.com</p>
이 HTML 코드 줄 앞에 다음 Javascript 코드를 추가하면:
<script type="text/javascript"> document.getElementById('ele').innerHTML= 'welcome to my blog'; </script>
페이지를 실행하면 메시지 : "document.getElementById('ele') is null." 이유는 위 자바스크립트를 실행했을 때 ID가 ''인 DOM 요소가 없기 때문입니다. 아직 페이지에 없습니다.
두 가지 해결 방법이 있습니다.
1. HTML 코드 뒤에 자바스크립트 코드를 삽입합니다.
<p id="ele">welcome to www.codeceo.com</p>
2. 웹페이지가 로드될 때까지 기다린 후 자바스크립트 코드를 실행합니다. . 기존 솔루션(로드)을 사용할 수 있습니다. 먼저 HTML 본문을 추가하고 "
"를 추가한 다음 load() 함수 <🎜에서 위의 자바스크립트 코드를 호출합니다. >. 여기서 제가 집중하고 싶은 것은 이를 달성하기 위해 jQuery를 사용하는 것입니다:<script> $(document).ready(function(){ document.getElementById('ele').innerHTML= 'welcome to my blog'; }); </script> //当然,既然用到了jQuery,更简单的写法是: <script> $(document).ready(function(){ $('#ele').html('welcome to my blog'); //这里也可用.text()方法 }); </script>
위 내용은 JavaScript 실행 순서에 대한 간략한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!