页面屏幕尺寸不同加载不同的HTML页面

扶醉桌前 提交于 2020-01-12 01:45:37

js实现代码,当页面加载前会判断屏幕的尺寸。
屏幕尺寸大于600加载index2
屏幕尺寸小于600加载index1

   $(function() {
        //判断屏幕宽度
        var winWide = window.screen.width;  //获取当前屏幕分辨率
        alert(winWide);
        var wideScreen = false;
        if (winWide <=600) {  //600及以下分辨率
            window.location = "index1.html";//加载index1.html
        } else {  //大于600的分辨率
            window.location = "index2.html";//加载index2.html
        }
    });
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!