Front-End/JavaScript
JavaScritp - 외부 파일 로드
깡돌
2017. 1. 29. 14:34
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)