자바스크립트 작성 위치
- HTML에서 자바스크립트를 작성할 수 있는 위치는 2가지입니다. HTML의
head태그와body태그입니다. - head 태그에 자바스크립트를 작성할 때는 head 태그의 title 태그 밑에
<script></script>태그를 추가하고 script 태그 안에 작성한다.
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<script>
//첫 번째는 head 태그에 script 태그를 만들어서 태그 안에 작성할 수 있습니다.
document.write('자바스크립트 head에 위치<br>');
//html 파일을 브라우저에서 열면, 브라우저 화면에 '자바스크립트 head에 위치'라는 문자열이 보이게 된다.
</script>
</head>
<body></body>
</html>자바스크립트 코드를 head 태그 안에 작성하면 브라우저가 body 태그의 HTML 코드를 실행하기 전에 자바스크립트 코드를 먼저 해석하게 된다. head 태그 안에 구현된 자바스크립트 코드가 많다면 브라우저는 자바스크립트 코드를 모두 해석한 이후에 HTML 코드를 실행하기 때문에 사용자에게 보이는 웹페이지는 그만큼 느려질 수 있다.
- 자바스크립트 코드를 body 태그에 작성한 코드
<!DOCTYPE html>
<html>
<head>
<title>title</title>
</head>
<body>
<!--HTML 코드가 작성되는 곳-->
<script>
document.write('자바스크립트 body에 위치<br>');
//html 파일을 브라우저에서 열면, 브라우저 화면에 '자바스크립트 body에 위치'라는 문자열이 보이게 된다.
</script>
</body>
</html>- body 태그에 자바스크립트 코드를 작성할 때는 body 태그 제일 하단의
<script></script>태그 안에 작성한다.
body 태그에 있는 HTML 코드가 모두 실행되어 사용자가 보고 있는 브라우저 화면에 나타난 후 자바스크립트 코드를 실행함으로써 사용자가 느끼는 페이지의 로딩 속도를 높일 수 있다.
HTML의 코드를 실행시키기 위해 반드시 먼저 작성되어야 하는 자바스크립트 코드를 제외하고는 body 태그 제일 하단에 코드를 작성하는 것이 좋다.
- 자바스크립트 파일은 확장자로 .js를 사용한다.
- 작성된 js 파일을 HTML 파일에 삽입해서 사용할 수 있다.
- js 파일 역시 head 태그와 body 태그에 삽입해서 사용할 수 있다.
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<script src="test.js"></script>
</head>
<body>
<!--HTML 코드가 작성되는 곳-->
<script src="test.js"></script>
</body>
</html>주석 처리
- 자바스크립트에서의 주석은
일반주석(//)과묶음주석(/* */)을 사용하는 두 가지 방법이 있다. - 보통 일반주석(//)은 문장 한 줄 혹은 코드 블록(문장 여러 줄)에 대해서 주석 처리를 할 때 모두 사용 된다.
묶음주석(/* */)의 경우 코드 블록(문장 여러 줄)과 함수(function)에 대한 설명을 위해 주로 사용 된다.
let x=5; //x는 5입니다
/*
여러 문장을 하나의 주석으로 묶는다
여러 문장을 하나의 주석으로 묶는다
*/
//아래와 같이 코드가 실행되지 않도록 막아두는 역할도 한다
//alert(x);
나 혼자 공부 기록