자바스크립트에서 캐시를 지우는 방법
- 藏色散人원래의
- 2021-03-30 11:19:239674검색
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:'www.haorooms.com',
dataType:'json',
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:'www.haorooms.com',
dataType:'json',
data:{},
cache:false,
ifModified :true ,
success:function(response){
//操作
}
async:false
});방법 3: 난수 사용도 매우 좋은 방법입니다. 캐싱을 방지하기 위해!
Add "?ran=" + Math.random(); //물론 여기에서 실행된 매개변수는 임의로 선택할 수 있습니다.
eg:
<script>
document.write("<s"+"cript type='text/javascript' src='/js/test.js?"+Math.random()+"'></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 중국어 웹사이트의 기타 관련 기사를 참조하세요!