카테고리 없음
[JavaScript]자바스크립트 작성 방식 : inline / internal / External
크피르
2023. 1. 3. 21:50
Inline 방식
- 태그 내에 직접 자바스킙트 명령을 작성하는 방법
- 이벤트 핸들러 속성을 지정해서 자바스크립트를 실행하도록 하는 방식
- HTML 문서와 분리하는 것을 권장하므로 자주 사용하지는 않는다.
- h1태그 클릭 시 ok! 텍스트 알림
<h1 onclick="alert('ok!')">인라인 방식 자바스크립트</h1>
<h1>내부 자바스크립트</h1>
Internal 방식
- HTML 문서 내 별도의 영역에 자바스크립트 작성하는 방법
- <script> 태그 내에 작성하고, <head> 와 <body> 영역 안에 <script> 태그를 넣음
<body>
<h1>인라인 방식 자바스크립트</h1>
<h1 id="internal">내부 자바스크립트</h1>
<script>
var internal = document.getElementById('internal');
internal.onclick = function(){
alert("ok!");
}
</script>
</body>
External 방식
- HTML과 자바스크립트를 분리해서 외부 파일에 작성하는 방식
- 자바스크립트 파일로 작성(.js)
- HTML 문서를 불러올 때 <script> 태크에 src 속성에 .js파일의 경로를 작성한다.
- <script src="func.js"></script>
<head>
<script src="external.js"></script>
</head>
<body>
<h1>외부 자바스크립트</h1>
</body>https://developsd.tistory.com/103
자바스크립트 작성 방식 : inline / internal / External
Inline JavaScript 인라인 자바스크립트 태그 내에 직접 자바스크립트 명령어를 작성하는 방법을 인라인 자바스크립트라고 한다. 이벤트 핸들러 속성을 지정해서 자바스크립트를 실행하도록 하는
developsd.tistory.com