JavaScritp - 외부 파일 로드
demo1.html
<!DOCTYPE html>
<html>
<head>
<title>JavaScript inline 방식 </title>
</head>
<body>
<!-- HTML 코드에 Script 코드 -->
<input type="button" id="hw" value="Hello world" >
<script src="./scritp.js"></script>
</body>
</html>
script.js
<script type="text/javascript">
var hw = document.getElementById('hw');
hw.addEventListener('click', function(){
alert('Hello world');
})
브라우저에 있는 캐쉬를 통해서 scritp.js 를 미리 다운로드 받음
똑같은 scritp.js 를 요청하면 서버에 요청해서 받는것이 아니라
이미 받아져있는 캐쉬 파일을 읽음으로 인하여 부화를 줄일수 있음(Latency)
'Front-End > JavaScript' 카테고리의 다른 글
| 자바스크립트 정체 (0) | 2017.03.04 |
|---|---|
| JavsScritp - onload 방식 (0) | 2017.01.29 |
| JavaScritp - Script 태그 (0) | 2017.01.29 |
| JavaScritp - inline 방식 (0) | 2017.01.29 |
| JavaScript - 소개 (0) | 2016.12.07 |
