页面重定向不适用于移动设备

Question

我有以下代码，当移动设备访问网页时，这些代码不会重定向。 我要去哪里了？

 <!DOCTYPE html> <html> <head> <script type="text/javascript"> var bodyclass = $('body').is('.index'); if ((screen.width <= 800) && (bodyclass = true)) { window.location = "m/index.html"; } </script> <title>screen stest</title> </head> <body class="index"> <div class="style"> <h1>index try10000</h1> </div> </body> </html> 

Answer 1

有两件事，首先您确定您的设备的宽度<= 800px吗？ 其次，您的脚本正在头部加载，并阻止其余DOM结构的加载。 由于您的代码依赖于正在加载的DOM，因此需要将脚本的执行推迟到DOM被加载之前。 将代码包装在DOM ready函数中（使用jQuery的示例）。

$(function() {
    var bodyclass = $('body').is('.index');

    if ((screen.width <= 800) && (bodyclass = true)) {
        window.location = "m/index.html";
    }
});

或者更好的是，只需将脚本移动到正文的最后一个元素即可。 这样就不需要DOM ready包装器了。