使用：JS如何判断分辨率不同,调用不同的CSS,不同的image文件夹

不同的CSS文件

<script type="text/javascript">         

        var scrWidth = window.screen.width;   

     if(screen.width > 1024){   

             document.write("<link href='/images/1.css' rel='stylesheet' type='text/css' />");   

 }   

       else if(screen.width <= 800){   

                document.write("<link href='/images/2.css' rel='stylesheet' type='text/css' />");   

 }   

       else{   

           document.write("<link href='/images/3.css' rel='stylesheet' type='text/css' />");   

 }   

</script>

 

 

不同的image文件夹

        <script>

            $(function (){

                function getSrc(){

                    var arr=[];

                    if(screen.width>1440) {

                        // alert("路径改掉了")

                        $("img").each(function (){

                            arr.push( $(this).attr("src") );

 

                        })

                        // return arr;

                        var s=[];

                        for( var i=0;i<arr.length;i++){

                            s.push( arr[i].replace("images","images1") );

                        }

                        console.log(s)

                        $("img").each(function (i){

                            $(this).attr("src",s[i])

                        })

 

                    }

                }

                getSrc()

            })

        </script>