본문 바로가기

Development/JavaScript

Tip. <script>...</script> 의 비밀..??

 
    <script type="text/javascript">
        alerta("aa");
        alert("bb");
    </script>


    <script type="text/javascript">
        alerta("aa");
    </script>
    <script type="text/javascript">
        alert("bb");
    </script>


위 예문 중 왼쪽과 오른쪽의 차이점은???

일단 공통점은 이렇다...

alerta("aa"); ==> 이 구문은 오류다... 일부러 오류냈으니깐...;;;
alert("bb"); ==> 이 구문은 정상작동한다..
그리고, 오류구문이 정상작동하는 구문 위에 있다.

기존의 내 상식대로라면...
예문 두가지 모두 먼저 작성된 오류구문 때문에 스크립트 실행이 break되어서
아랫쪽에 작성된 구문은 실행이 되지 말아야 한다...

위 예문중 왼쪽 예문은 내 상식대로 실행된다..
스크립트 오류 메세지가 뜨면서 모든 스크립트 작동이 멈춘다..

하.지.만
문제는 오른쪽 예문..
스크립트 오류 메세지가 뜬 다음... 아랫쪽에 있는 alert("bb");구문이 실행된다...

둘의 차이점은... 간단하다...
<script..> ... </scirpt>
이 script 태그 블럭....
스크립트에서 오류가 생기면...
페이지 내의 모든 스크립트가 작동이 멈추는 것이 아니라
같은 script 태그 블럭 내의 스크립트만 작동을 멈춘다...라는것...

아놔... 설명 참 애매하네..ㅡㅡ;;;;
쏴리..ㅠ

* 아놔...이걸 왜 이제 알았을까...ㅠㅠ

의 비밀..??","entryType":"POST","categoryName":"Development/JavaScript","categoryId":"270235","serviceCategoryName":null,"serviceCategoryId":null,"author":"366791","authorNickname":"DEV932","blogNmae":":: DEV932's Memories","image":"","plink":"/78","tags":["javascript 오류","script","script 오류"]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null"}