![[JavaScript] 자바스크립트 선언 방식!](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FQyzXe%2FbtrmMgfBdRQ%2FinPgRSqDYuyynHGapOpKwK%2Fimg.jpg)
728x90
자바스크립트는 일반적으로 html파일 내 head영역에 선언됩니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자바스크립트 선언 방식</title>
<!-- 외부 링크 방식 -->
<script type="text/javascript" src="resources/js/test.js"></script>
<script type="text/javascript">
// 2. 내부 작성 방식
function embeddedTest(){
var doc = document.getElementsByTagName("li")[1];
doc.style.color = "red";
doc.innerHTML = "<strong>글자가 바뀝니다!!</strong>";
}
</script>
</head>
<body>
<h1>자바스크립트 작성방식 3가지</h1>
<ol>
<!-- 1.inline -->
<li onclick="alert('inline');">inline 방식</li>
<li onclick="embeddedTest();">내부 작성 방식</li>
<li onclick="test();">외부 링크 방식 (*.js)</li>
</ol>
</body>
</html>
728x90
'JS 관련 > JavaScript' 카테고리의 다른 글
| [JavaScript] DOM(돔) 구조 (0) | 2022.01.13 |
|---|---|
| [JavaScript] rolling(롤링)을 이용한 그림 바꾸기 (0) | 2022.01.12 |
| [JavaScript] 명시적함수, 익명함수, 리터럴함수, 아규먼트 속성, 클로저 (0) | 2022.01.11 |
| [JavaScript] WINDOW객체에서 제공하는 대화형 함수(alert / confirm / prompt) (0) | 2022.01.10 |
| [JavaScript] var변수의 사용 및 타입 (0) | 2022.01.09 |