>  기사  >  웹 프론트엔드  >  jquery는 CSS 파일이 존재하는지 어떻게 확인합니까?

jquery는 CSS 파일이 존재하는지 어떻게 확인합니까?

青灯夜游
青灯夜游원래의
2021-04-13 14:07:392411검색

판단 방법: 먼저 "jquery.js" 파일을 소개하고 버튼에 대한 클릭 이벤트를 생성합니다. 마지막으로 클릭 이벤트에서 "$.ajax()" 메서드를 사용하여 CSS 리소스 파일을 요청하고 이를 기반으로 판단합니다. http 상태 코드를 반환하는 경우 상태 코드가 200이면 CSS 파일이 존재하고, 404이면 존재하지 않는 것입니다.

jquery는 CSS 파일이 존재하는지 어떻게 확인합니까?

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

jquery는 CSS 파일이 존재하는지 확인합니다

<button id="btn">检测</button>
<script src="http://www.lingchenliang.com/download/jquery-1.12.0.min.js"></script>
<script>
$("#btn").click(function(){
    $.ajax({
        url: &#39;./main.css&#39;,
        type: &#39;GET&#39;,
        complete: function(response){
            if(response.status == 200){
                alert(&#39;有效&#39;);
            }else{
                alert(&#39;无效&#39;);
            }
        }
    });
});
</script>

설명:

Ajax를 주로 사용하며, CSS 리소스 파일을 요청하고 http 상태 코드를 기준으로 판단합니다. 상태 코드가 200이면 존재하고, 404이면 존재하지 않는 것입니다.

관련 튜토리얼 권장사항: jQuery Tutorial(동영상)

위 내용은 jquery는 CSS 파일이 존재하는지 어떻게 확인합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.