html script의 순서
조회수 1753회
script문의 실행 순서에 대해서 head 태그에 존재하는 것이 가장먼저 실행되고
그 다음 부터는 body태그 순서대로 실행되는 줄 알고 있었습니다.
그런데 오늘 아래처럼 테스트를 해보니 경고1 -> 경고2 -> 경고3, p태그 출력(동시에 실행되는 건지 아니면 둘중에하나가 먼저 실행되는 건지 너무 빨라서 잘 모르겠음) -> 경고4 -> 경고5 순서대로 출력됩니다.
제가 알고있는 지식이 맞다면
경고 1 -> p태그 출력 -> 경고2 -> 경고 3 -> 경고 4 -> 경고 5 가 맞는거같은데 왜 이러는건지 잘 모르겠습니다.
왜 이런 현상이 일어나는 건가요?
<!DOCTYPE html>
<script>
alert('11111111')
</script>
</head>
<body>
<p> 순서는 경고1 -> p태그 출력 -> 경고3 -> 경고4 순서로 출력</p>
<script>alert('222222') </script>
<script>alert('333333') </script>
<script>alert('444444') </script>
<script>alert('555555') </script>
</body>
</html>
1 답변
-
크롬 브라우저에서만 그런 것 같네요. 다른 브라우저에서는 생각하신대로 출력되네요. 크롬 브라우저 dom render 에 대해 알아보시면 좋을 꺼 같습니다. 스택오버플로어 또는 자바스크립트 개발자 포럼에 질문해보는 걸 추천합니다. 저도 잘 몰라서...
파이어폭스 57.0.2
IE 11
-
(•́ ✖ •̀)
알 수 없는 사용자
댓글 입력