본문 바로가기

프로그래밍/JavaScript

[JavaScript] JS, CSS 파일 새로운 버전 읽기

반응형

JS, CSS 파일 등의 파일을 새롭게 로드해오자



CSS 파일의 내용을 변경했는데 해당 CSS 파일을 사용하는 페이지에서 변화가 없다.

즉, 변경된 CSS 파일의 내용이 적용되지 않았을 경우! 새로 변경된 CSS 파일을 읽어오고싶다.



CSS 파일을 읽어오는 부분이 다음과 같이 되어있을 경우


<script type="text/javascript" src="/include/css/test.css" ></script>



파일 뒤에 "?ver=", "?new" 등 물음표 뒤 문자를 추가해주면 된다.

실제 파일명은 동일 하지만, 다른것으로 간주하고 해당 파일을 새로 읽어오기 때문이다.


<script type="text/javascript" src="/include/css/test.css?ver=20170203" ></script>



페이지를 로드할 때 마다 매번 test.css 파일을 새롭게 읽어오고 싶다면!


<script type="text/javascript" src="/include/css/test.css?<%#DateTime.Now.ToString("yyyyMMddHHmmss")%>" ></script>




반응형