자바스크립트에서 캐시를 지우는 방법-JS 튜토리얼-php.cn

자바스크립트에서 캐시를 지우는 방법

藏色散人

풀어 주다： 2023-01-03 09:31:45

원래의

9723명이 탐색했습니다.

JavaScript에서 캐시를 지우는 방법: 1. 메타 메소드를 통해 웹사이트 캐시를 지웁니다. 2. ajax를 사용하여 서버에서 최신 파일을 요청하고 요청 헤더 "If-Modified-Since" 및 "Cache-"를 추가합니다. 3. "cache:false" 등을 직접 사용합니다.

자바스크립트에서 캐시를 지우는 방법

이 기사의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, DELL G3 컴퓨터.

JS 캐시를 지우는 여러 가지 방법

1. CSS와 JS에 매개변수(.css?t= 및 .js?t=와 같은 형식)가 있는 이유는 무엇입니까? 코드

css 및 js를 얻는 방법은 무엇입니까? 매개변수 사용(.css?t= 및 .js?t=와 같은 형식)

매개변수 사용에는 두 가지 가능성이 있습니다.

첫째, 스크립트는 존재하지 않지만 서버에 의해 동적으로 생성되므로 버전 번호 차이점을 보여주기 위해 포함되었습니다. 즉, 위의 코드는 파일과 동일하지만 브라우저는 그것이 파일의 특정 버전이라고 생각할 것입니다!

두 번째, 클라이언트는 이러한 CSS 또는 js 파일을 캐시하므로 js 또는 css 파일이 업그레이드되고 버전 번호가 변경될 때마다 클라이언트 브라우저는 새 js 또는 css 파일을 다시 다운로드합니다. 캐싱을 플러시합니다.

두 번째 상황이 가장 일반적이거나 두 가지 상황이 동시에 존재할 수도 있습니다.

버전 번호는 큰 버전과 작은 버전의 형태로 난수 또는 증가하는 값이 될 수도 있고, 스크립트 생성 시간에 따라 쓰여질 수도 있습니다. 스크립트가 생성되며 2.3.3은 Large 버전 Small 버전 방식입니다.

2. 브라우저 캐시 정보

브라우저 캐시는 웹 사이트 성능과 브라우저 속도를 향상시키고 웹 사이트 성능을 향상시킬 수 있기 때문에 때때로 필요합니다. 하지만 캐시로 인해 문제가 발생하고 일부 잘못된 데이터가 나타날 수 있으므로 캐시를 지워야 하는 경우도 있습니다. 예를 들어, 주식 웹사이트는 실시간으로 업데이트됩니다. 이러한 웹사이트는 캐시할 필요가 없습니다. 일부 웹사이트는 거의 업데이트되지 않으므로 캐시를 보유하는 것이 좋습니다. 오늘은 주로 캐시를 지우는 몇 가지 방법을 소개합니다.

웹사이트 캐시를 지우는 여러 가지 방법

메타 방법

<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="0">

로그인 후 복사

양식의 임시 캐시 지우기 [권장 학습: js 기본 튜토리얼]

방법 1: ajax를 사용하여 서버에서 최신 파일 요청 , 요청을 추가합니다. If-Modified-Since 및 Cache-Control 헤더는 다음과 같습니다.

$.ajax({
     url:&#39;www.haorooms.com&#39;,
     dataType:&#39;json&#39;,
     data:{},
     beforeSend :function(xmlHttp){ 
        xmlHttp.setRequestHeader("If-Modified-Since","0"); 
        xmlHttp.setRequestHeader("Cache-Control","no-cache");
     },
     success:function(response){
         //操作
     }
     async:false
  });

로그인 후 복사

방법 2, 캐시 직접 사용: false,

$.ajax({
     url:&#39;www.haorooms.com&#39;,
     dataType:&#39;json&#39;,
     data:{},
     cache:false, 
     ifModified :true ,
     success:function(response){
         //操作
     }
     async:false
  });

로그인 후 복사

방법 3: 난수 사용도 매우 좋은 방법입니다. 캐싱을 방지하기 위해!

Add "?ran=" + Math.random(); //물론 여기에서 실행된 매개변수는 임의로 선택할 수 있습니다.

eg:

<script> 
document.write("<s"+"cript type=&#39;text/javascript&#39; src=&#39;/js/test.js?"+Math.random()+"&#39;></scr"+"ipt>"); 
</script>

로그인 후 복사

다른 것도 비슷합니다. 단지 주소 뒤에 +Math를 추가하면 됩니다.

참고: Math.random()은 Javascript에서만 작동할 수 있으므로 Javascript를 통해서만 호출할 수 있습니다.

방법 4: 임의의 숫자와 마찬가지로 임의의 시간을 사용합니다.

추가 "?timestamp=" + new Date().getTime();

PHP 백엔드를 사용하여 정리

헤더 추가("Cache-Control: no-cache, must-revalidate on the server side) URL 매개변수 "); 등 (php 등)

방법 5:

5.window.location.replace("WebForm1.aspx");

매개변수는 다루고자 하는 페이지입니다. 원칙은 교체는 현재 페이지로 바꾸는 것입니다. 교체 매개변수에 지정된 페이지를 제거합니다.

이렇게 하면 사용자가 뒤로 버튼을 클릭하는 것을 방지할 수 있습니다. 자바스크립트 스크립트가 사용됩니다. 예:

a.html

다음은 인용문입니다:

<html> 
     <head> 
         <title>a</title>      
         <script language="javascript"> 
             function jump(){ 
                 window.location.replace("b.html"); 
             } 
         </script> 
     </head> 
     <body> 
        <a href="javascript:jump()">b</a> 
    </body> 
</html>

로그인 후 복사

b.html

다음은 인용문입니다:

<html> 
     <head> 
         <title>b</title>      
         <script language="javascript"> 
             function jump(){ 
                 window.location.replace("a.html"); 
             } 
         </script> 
     </head> 
     <body> 
        <a href="javascript:jump()">a</a> 
    </body> 
</html>

로그인 후 복사

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