페이지에서 자바스크립트 태그의 위치에 대한 토론_기본지식

웹페이지를 만드는 과정에서 우리는 다음과 같은 코드를 작성하는 경우가 많습니다.
[html]

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

javascript" src=" example1.js">

< ;body>
<--여기에 콘텐츠를 넣으세요-->
;head>

type="text/ javascript" src="example2.js">








이렇게 하면 포함된 JavaScript 코드를 구문 분석하기 전에 , 페이지의 콘텐츠가 브라우저에서 완전히 렌더링됩니다. 또한 브라우저 창에 빈 페이지가 표시되는 시간이 단축되므로 사용자는 페이지를 여는 속도가 빨라지는 것을 느낄 수 있습니다.

또는 <script> 태그의 defer 속성을 사용하여 스크립트가 실행될 때 페이지 구조에 영향을 미치지 않음을 나타낼 수 있습니다. 즉, 전체 페이지가 완료될 때까지 스크립트가 지연됩니다. 실행 전 파싱된 코드는 다음과 같습니다. <br>[html] <br><br><br><br><br>코드 복사<br><br><br> 코드는 다음과 같습니다.</div> <div class="codebody" id="code70000"> <br> <br> <br><title>예제 HTML 페이지<br><script type="text/javascript" defer src="example1.js"><script type="text/javascript" defer="defer" src="example2.js"></script> /head>


>


>




위 두 가지 작성 방법의 실제 효과는 같습니다. . 그러나 모든 브라우저가 defer 속성을 지원하는 것은 아니며 일부 브라우저는 이 속성을 무시하고 스크립트 실행을 지연시키지 않습니다.