Script
HTML문서 안에서 Java Script언어를 사용할 수 있게 해주는 태그
❤️ 문법
<body>
<script> </script>
</body>내부에서 스크립트 사용
<script> 태그는 HTML문서 내부에서 자바스크립트를 사용할 수 있게 해줍니다.
내부에서 스크립트를 사용하는 방식은 스크립트의 사용량이 간단할 때 사용합니다.
스크립트량이 많아지면, 외부에 스크립트파일을 만들어서 불러오기 형식으로 쓰는게 좋습니다.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1> HTML 내부에서 자바스크립트 실행 </h1>
<script> // HTML 문서에서 JS 사용
alert("안녕하세요. 알람 입니다.") // JS 함수
</script>
</body>
</html>
스크립트 속성
<script>는 몇 가지 속성(attribute)이 있습니다. 오래된 코드에서 발견될 수 있으며,
근래에는 거의 사용하지 않는 속성입니다.
1)
<script type=...>
HTML4버전에서는 스크립트에type를 명시하는게 필수 였습니다.
type="text/javascript"속성이 붙은 스크립트가 종종 보였지만, 이제는 타입을 명시
하는게 필수가 아닙니다.
그리고 근래의HTML에서는 타입 속성의 의미가 변경되었습니다.
2)
<script language=.>
현재 사용하고 있는 언어를 알려주는 속성입니다.
현재는 자바스크립트가 기본 언어로 대체되어 이 속성을 사용할 의미가 퇴색되었습니다.
외부 스크립트 사용
자바스크립트를 사용하는 언어를 따로 파일로 생성해서 저장할 수 있습니다.
따로 저장한 파일을 src 속성을 통해 HTML 문서 내부에 불러와서 사용할 수 있습니다.
<script src="절대경로 / 상대경로 / URL"></script>
<script src="/local/project/script.js"></script>/local/project/script.js 자바스크립트 파일이 위치한 경로입니다.
HTML문서에서 해당 경로에 있는 자바스크립트 파일을 참조해서, 스크립트를 사용할 수 있습니다.
Src 속성을 사용할 때 주의할 점
<script> 태그안에 src 속성이 있으면, 태그안에 포함된 다른 코드들은 실행할 때 무시됩니다.
<script src="https://www.naver.com">
alert("이 알람은 src 속성으로 인해 무시됨")
</script>src 속성을 사용하면서 <script> 태그안에 다른 명령을 처리하려면 따로 작성해야 합니다.
<script src="https://www.naver.com"> </script>
<script>
alert("이 알람은 src 속성으로 인해 무시됨")
</script>이렇게 분리해서 src 속성과 분리해서 사용하면, 다른 명령은 정상으로 처리됩니다.
