[JavaScript] Basic

최은서·2023년 11월 6일

자바스크립트(JavaScript)

목록 보기

1/18

1. basic

자바스크립트를 사용할 때 head에 script를 명시하고 자바스크립트를 사용할 수 있고, body에 script를 명시하고 자바스크립트를 사용할 수도 있다.
실행 순서는 head의 script가 먼저 실행되면 body의 script가 실행된다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>실행 위치</title>
<script type="text/javascript">
	document.write('head에서 실행'); //';' 생략 가능
</script>
</head>
<body>
<script type="text/javascript">
	document.write('body에서 실행');
</script>
</body>
</html>

실행코드를 외부 파일에 명시하고 링크할 수도 있다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>실행코드를 외부 파일에 명시하고 링크하기</title>
<script type="text/javascript" src="script.js"></script>
</head>
<body>

</body>
</html>

2. inline

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>태그 내장 - inline 형태</title>
</head>
<body>
	<input type="button" value="확인" onclick="alert('태그에 자바스크립트 표시');">
</body>
</html>

3. write

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>주석 및 출력</title>
</head>
<body>
<script type="text/javascript">
	//주석
	//한 줄 주석
	/*
	여러줄
	주석
	*/
	
	//document.write('주석 처리');
	/* document.write('여러줄');
	document.write('주석 처리'); */
	
	//문자 표시
	document.write('Hello World!!<br>');
	document.write("Hello JavaScript<br>");
	
	//일반 데이터로 "를 사용할 경우
	document.write('오늘은 "목요일"<br>');
	document.write("내일은 \"금요일\"<br>");
	
	//일반 데이터로 '를 사용할 경우
	document.write("여기는 '서울'<br>");
	document.write('저기는 \'부산\'<br>')
	
	//정수
	document.write(567);
	document.write('<br>');
	
	//실수
	document.write(45.89);
	document.write('<br>');
	
	//논리값
	document.write(true);
	
	/*
	브라우저의 검사 항목을 클릭.
	검사의 메뉴 중 콘솔에서 확인.
	*/
	console.log('콘솔에 내용 출력');
</script>
</body>
</html>

최은서

다음 포스트

[JavaScript] Basic

자바스크립트(JavaScript)

1. basic

2. inline

3. write

[JavaScript] Variable

0개의 댓글