페이지 로딩시 자바스크립트 코드의 실행순서 소개_기본지식

1. HTML에 Javascript를 삽입하는 방법
1. <script> 태그 쌍 사이에 Javascript 코드를 직접 배치합니다. <br> 2. src; 속성은 외부 js 파일을 지정합니다 <br> 3. 이를 이벤트 핸들러에 배치합니다. 예를 들면 다음과 같습니다. <p onclick="alert('I am a Javascript running by the onclick event')">Click me</p&gt ; <BR>4. URL의 본문으로 이 URL은 다음과 같은 특수 Javascript: 프로토콜을 사용합니다. <a href="javascript:alert('나는 javascript: 프로토콜에 의해 실행되는 javascript입니다.')"&gt ;나를 클릭하세요&lt ;/a><br>5. javascript 자체의 document.write() 메소드를 사용하여 새로운 javascript 코드를 작성합니다<br> 6. Ajax를 사용하여 javascript 코드를 비동기적으로 얻은 후 실행합니다<br> </p> <p>3번째와 4번째 메소드로 작성한 자바스크립트가 실행되기 위해서는 트리거가 필요하기 때문에 특별히 설정하지 않는 이상 페이지 로딩시 실행되지 않습니다. </p> <p>2. 페이지에서 Javascript가 실행되는 순서 <br>1. 페이지에 있는 Javascript 코드는 HTML 문서의 일부이므로 페이지가 로드될 때 Javascript가 실행되는 순서는 다음과 같습니다. 소개 태그 <script />가 나타나는 <script /> 태그 내부 또는 src를 통해 소개된 외부 JS는 해당 명령문이 나타나는 순서대로 실행되며 실행 프로세스는 문서 로딩의 일부입니다. <br>2. 각 스크립트에서 정의한 전역 변수 및 함수는 나중에 실행되는 스크립트에서 호출할 수 있습니다. <br>3. 변수 호출은 이전에 선언되어야 합니다. 그렇지 않으면 얻은 변수 값이 정의되지 않습니다. <br></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="68607" class="copybut" id="copybut68607" onclick="doCopy('code68607')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code68607"> <br><script type="text/javscrpt "> //<![CDATA[<BR>alert(tmp); //정의되지 않은 출력<BR>var tmp = 1;<BR>alert(tmp); //출력 1<BR>//]] >&lt ;/script><br> </div> <br>4. 동일한 스크립트에서 함수 정의는 함수 호출 뒤에 나타날 수 있지만 두 개의 코드로 구성되어 있고 함수 호출이 첫 번째에 있는 경우 코드 조각을 사용하면 함수 정의되지 않은 오류가 보고됩니다. <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="60321" class="copybut" id="copybut60321" onclick="doCopy('code60321')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code60321"> <br><script type="text/javscrpt "> //<![CDATA[<BR>aa();                                                                                   | ;/ /<![CDATA[<BR>aa(); //출력 1 <BR>function aa(){alert(1);}<BR>//]]></script>


5.document.write()는 스크립트 문서의 위치에 출력을 기록합니다. 브라우저는 documemt.write()가 있는 문서의 내용을 구문 분석한 후 계속해서 document.write()에 의해 출력된 콘텐츠를 확인한 다음 HTML 문서를 계속 구문 분석합니다.