1. script 태그가 실행된 후 아래 코드가 실행된다.
- alert 함수의 경우 확인을 누르고 팝업창이 닫힌 후에야 아래 코드가 실행된다.
<body>
<p>스크립트 전</p>
<script>
alert("Hello!");
</script>
<p>스크립트 후</p>
</body>아래는 script 태그까지 실행된 화면으로 팝업창을 닫기 전이다.
하지만 아래처럼 script 태그가 먼저 실행될 때도 있다.(왜인지는 모르겠다...)
또 발견한 건, script 태그가 실행된 후 다른 화면으로 이동했다가 돌아오면 이후에 있는 html 코드가 실행되어 있다.
- 다음에 코드 실행 순서 원리에 대해 찾아보고 한 번 다뤄봐야겠다.
2. src 속성이 있으면 내부 코드는 무시된다.
- HTML 안에서 script 태그는 아래처럼 작성하고,
<script src="./practice.js">
alert("Hello!");
</script>- practice.js에는 아래처럼 작성하면,
alert("안녕!");- "안녕"이 호출된다. ("Hello!"는 무시된다.)
practice.js 안에 아무 코드도 안 쓰여 있어도, script 태그의 내부 코드는 무시된다.
3. script 가 길어지면 별개의 파일로 저장하는 것이 좋다.
- 스크립트가 아주 간단할 때만 HTML 안에 직접 작성한다.
컴퓨터 지식에 대한 이해와 함께 인문학적 소양을 갖춘 개발자가 되고 싶은 사람입니다.