반응형
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>
반응형
'프로그래밍 > JavaScript ' 카테고리의 다른 글
[JavaScript] 웹 페이지를 다시 표시하려면 웹 브라우저에서 이전에 전송한 정보를 다시 전송해야 합니다. (1) | 2017.02.07 |
---|---|
[JavaScript] 오늘 날짜 (년, 월, 일) 및 날짜 비교 new Date() NaN (2) | 2017.02.07 |
[JavaScript] 새로고침 (자기창, 부모창) (0) | 2017.02.03 |
[JavaScript] location.replace, location.href 비교 (1) | 2017.02.03 |
[JavaScript] form 텍스트 박스 엔터 후 새로고침 현상 방지 (0) | 2017.02.03 |