Question

我有以下代码，当移动设备访问网页时，该代码不会重定向。我在哪里错了？

＆＃13;

<!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>

＆＃13;

Answer 1

有几件事情，首先你确定你的设备是＆lt; = 800px宽度？其次，您的脚本将被加载到头部并阻止其余DOM结构的加载。由于您拥有依赖于正在加载的DOM的代码，因此您需要推迟脚本的执行，直到加载DOM为止。将代码包装在DOM就绪函数中（例如使用jQuery）。

temp

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

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

1 个答案: