브라우저 캐시를 지우는 방법은 무엇입니까? js로 쉽게 할 수 있는 4가지 방법

브라우저를 사용하여 인터넷에 액세스할 때마다 일부 캐시 파일이 로컬 디스크에 저장됩니다. 이러한 브라우저의 캐시는 네트워크 리소스를 절약하고 탐색 속도를 높이기 위한 것입니다. 브라우저는 방문자가 이 페이지를 다시 요청하면 브라우저가 로컬 디스크에서 문서를 표시할 수 있으므로 탐색 속도가 빨라집니다. 페이지 탐색. 하지만 캐시로 인해 문제가 발생하고 일부 잘못된 데이터가 나타날 수 있으므로 캐시를 지워야 하는 경우도 있습니다.

이 장에서는 캐시를 지우는 방법에 대한 4가지 JS 메서드를 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

1: 브라우저 캐시란 무엇인가요?

1. 모든 데이터는 서버에 저장할 수 있지만 이는 효율적이지 않습니다. 웹 페이지에 접속하면 잠시 동안 정지되어 서버의 저장 공간을 낭비하고 서버에 부담을 줍니다

2. 브라우저 캐싱은 웹사이트 성능과 브라우저 속도를 향상시킬 수 있지만 자주 업데이트해야 하는 웹페이지의 경우 캐싱으로 인해 사용자가 업데이트된 스타일을 표시하지 못합니다

두 가지: js를 통해 캐시를 지우는 방법은 무엇인가요?

1. 임의의 숫자

1) 스크립트는 존재하지 않지만 서버에 의해 동적으로 생성되므로 차이점을 보여주기 위해 버전 번호가 포함됩니다. 즉, 경로나 파일 이름 뒤의 임의의 숫자는 파일과 동일하지만 브라우저는 해당 파일을 특정 버전의 파일로 간주합니다!

2) 클라이언트는 이러한 CSS 또는 js 파일을 캐시하므로 js 또는 css 파일을 업그레이드하고 버전 번호를 변경할 때마다 클라이언트 브라우저는 플러시 캐싱 역할인 새 js 또는 css 파일을 다시 다운로드합니다.

/* 图片的路径+图片名+随机数=图片的版本号更替 */
$("#pic_code").attr('src','/static/img/verify_code.png'+'?temp=' + Math.random());
/* Math.random() 只能在Javascript 下起作用 */<script type="text/javascript" src="core.js?v=20140829"></script>
/*时间*/
?v=new Date().getTime();

2.meta

html의 헤드 영역에 코드를 추가합니다:

<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="content-type" content="no-cache, must-revalidate" />
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"/>

3.ajax

1) ajax가 브라우징 캐시를 호출하지 않도록 하려면 캐시:false 속성을 설정합니다.

cache:false

2) ajax를 사용하여 서버에 최신 파일을 요청하고 다음과 같이 요청 헤더 If-Modified-Since 및 Cache-Control을 추가합니다.

beforeSend :function(xmlHttp){ 
   xmlHttp.setRequestHeader("If-Modified-Since","0"); 
   xmlHttp.setRequestHeader("Cache-Control","no-cache");
  }

4.replace

교체 원칙은 현재 페이지로 대체 매개변수에 의해 지정된 것 Page

<script language="javascript"> 
             function jump(){ 
                 window.location.replace("b.html"); 
             } 
         </script>

위 내용은 브라우저 캐시를 지우는 방법은 무엇입니까? js로 쉽게 할 수 있는 4가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!