외부파일로 정의하는 방법이 실무에서 많이 쓰인다고 하네요.
어쨋든 외부파일로 정의하기 위해서는
기존 html 파일과 외부파일 'js' 파일이 필요합니다.
(모두 다 에디트플러스에서 쉽게 할 수 있습니다.)
일단 html 파일에서 <script> 태그에 추가할게 있습니다.
<script type="text/javascript" src="02Alert.js">
위의 빨간색 02Alert.js 파일이 바로 외부 파일이고 저 파일을 외부파일로 참조하겠다고 선언합니다.
<body> 태그 안에 <button> 태그가 있습니다.
잘보면 ' onclick="go(); ' 이 부분이 있는데, 이 녀석의 정체는
02Alert.js 외부 파일에 go 함수를 정의한 것을 실행시키겠다는 의미입니다.
자 그럼 js 파일을 보시죠~!
위의 그림을 보면 go 함수를 정의했습니다.
자 이제 한번 실행해볼까요~!
html에 '누르세요' 버튼을 클릭하면 .js 파일에 정의한 go 함수 내의 소스코드를 실행합니다.
먼저 '안녕하세요?' 라는 alert 메시지가 나오고, '저는 외부파일에 있어요'라는 두번째 alert 메시지가 나옵니다.
댓글 없음:
댓글 쓰기