判断方法:首先引入“jquery.js”文件;然后为button创建点击事件;最后在点击事件中使用“$.ajax()”方法请求css资源文件,根据http状态码来进行判断,如果返回的状态码为200则css文件存在,为404则不存在。

本教程操作环境:windows7系统、jquery1.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: './main.css',
type: 'GET',
complete: function(response){
if(response.status == 200){
alert('有效');
}else{
alert('无效');
}
}
});
});
</script>说明:
主要使用了ajax,通过请求css资源文件,根据http状态码来进行判断。状态码为200则存在,为404则不存在。
立即学习“前端免费学习笔记(深入)”;
相关教程推荐:jQuery教程(视频)










