자바스크립트에서 캐싱을 비활성화하는 방법-JS 튜토리얼-php.cn

자바스크립트에서 캐싱을 비활성화하는 방법

青灯夜游

풀어 주다： 2023-01-05 16:10:01

원래의

5313명이 탐색했습니다.

방법: js 파일 URL 뒤에 물음표와 임의의 숫자를 추가합니다(예: "a.js?223"). 원칙: 리소스의 URL 뒤에 숫자를 추가해도 파일 로딩에는 영향을 미치지 않습니다. 그러나 숫자가 변경되면 브라우저는 해당 파일을 새로운 파일로 간주하여 캐시를 다시 다운로드하게 됩니다. 캐싱을 방지하기 위해 브라우저가 새 주소를 호출하도록 강제하는 것입니다.

자바스크립트에서 캐싱을 비활성화하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

javascript는 캐싱을 금지합니다

방법: 캐싱을 방지하려면 CSS와 js 뒤에 물음표와 숫자를 추가하세요.

브라우저가 http 요청을 발행하면 HTML 문서, 비디오와 같은 다양한 리소스가 로드됩니다. , 그림, CSS 및 JS 등 URL이 변경되지 않은 이러한 리소스의 경우 브라우저는 해당 리소스를 로컬 캐시에 저장합니다. 다음에 동일한 웹사이트를 방문할 때 직접 로드하여 액세스 속도를 높일 수 있습니다.

브라우저의 이러한 캐싱 전략은 액세스 속도를 높이는 반면, 최신 CSS 및 js 파일을 제때 로드할 수 없다는 문제도 발생합니다.

이 문제를 해결하기 위해 CSS 및 js 링크 뒤에 물음표와 임의의 문자를 추가하겠습니다.

index.js와 유사?20210489

예:

<html>
<head>
<script type="text/javascript">
    document.write("<script src=&#39;**.js?"+Math.random()+"&#39;><\/script>");
</script>
 
</head>
</html>

로그인 후 복사

원리: 리소스 URL 뒤에 숫자를 추가해도 파일 로딩에는 아무런 영향이 없지만, 숫자가 변경되면 브라우저가 새로운 파일이라고 판단되면 캐시를 다시 다운로드하고 이전에 캐시된 파일은 읽지 않습니다. 따라서 숫자를 추가하는 기능은 브라우저에서 강제로 새 주소를 호출하여 이를 방지하는 것입니다. 캐싱.

【추천 학습: javascript 고급 튜토리얼】

위 내용은 자바스크립트에서 캐싱을 비활성화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!