>  기사  >  웹 프론트엔드  >  IMG tag_javascript 기술의 src 문제에 대한 Javascript 수정

IMG tag_javascript 기술의 src 문제에 대한 Javascript 수정

WBOY
WBOY원래의
2016-05-16 16:54:011188검색

1. 버튼 클릭 시 이미지 필드에서 이미지 변경

코드 복사 코드는 다음과 같습니다.


명확하게 볼 수 없음
<script> <br>function reflush() <br>{ <br>document.getElementById(randimg).src=" /servlet/CreateValidateNum"; <br>} <br></script>

2. 설명
"servlet/CreateValidateNum"은 JAVA로 작성된 서블릿입니다. 서블릿이 사진을 출력합니다

3. 문제
IE6에서는 정상적으로 사진이 수정되지만 IE7, Firefox에서는 새로 고쳐지지 않습니다

4. 사진은 이전 사진과 다른 주소를 갖게 되며 효과가 나타납니다. 즉, 그림이 변경되었습니다.
하지만 "인증코드"와 같은 기능을 합니다. 이전 사진과 새 사진의 주소는 동일합니다.
위 상황으로 볼 때, 이미지 주소가 동일하기 때문에 브라우저가 자동으로 캐시를 읽는 것으로 의심됩니다.

5. 해결 방법
javascript를 다음과 같이 변경합니다.
document.getElementById(randimg).src="/servlet/CreateValidateNum?" Math.random(); 랜덤번호가 추가되기 때문에 접속 주소가 매번 달라집니다. 그래서 문제는 해결됐어요
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.