[JavaScript] 자바 스크립트 작성 - 웹 문서 안에/외부 스크립트 연결

웹 문서 안에 자바스크립트 작성

자바 스크립트 소스가 있는 위치에서 실행됨

웹 문서 안의 어디든 위치 가능

사용 예제

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

</head>
<body>
	<h1>script 태그</h1>

	<script type="text/javascript">
		alrt('자바 스크립트');
	</script>


</body>
</html>

외부 스크립트 파일 연결해서 작성

자바 스크립트 소스를 별도의 파일(.js)로 저장 후 웹 문서에 연결

HTML에 <script></script> 태그에 추가하고자 하는 외부 파일 추가해주면 됨

사용 방법

<script type ="text/javascript" src ="외부 스크립트 파일 경로"></script>

사용 예제 - HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">

<script type="text/javascript">
	var a, b, c;
	a = 10;
	b = 5;
	c = a + b;
	console.log(a);
	console.log("결과" + c);
	console.log(a, b, c);
</script>

</head>
<body>
	<H2>console 객체</H2>

</body>
</html>

사용 예제 - JavaScript

function add(a, b) {
	return a + b;
}

'💻Programming > 🏃‍♀️JavaScript' 카테고리의 다른 글

[JavaScript] 02. 기본 문법 - 반복문/조건문 (0)	2022.09.19
[JavaScript] 02. 기본 문법 - 변수/자료형/연산자 (0)	2022.09.16
[JavaScript] 자바 스크립트 - 로그 출력 (0)	2022.09.16
[JavaScript] 이클립스 JavaScript 오류 확인 (0)	2022.09.16
[JavaScript] 개요 (0)	2022.09.16

웹 문서 안에 자바스크립트 작성

외부 스크립트 파일 연결해서 작성

'💻Programming > 🏃‍♀️JavaScript' 카테고리의 다른 글

티스토리툴바