Question

我一直想知道这是否可行，而不是建立完全响应的网站。我想建立两个不同的网站，一个用于手机（只有小屏幕），另一个用于平板电脑和台式机。

现在在网站的移动版本中，我会排除大型文件和视频等等。

我想知道这样的事情可能吗？

$(document).onLoad(function(){
    if(screen){
       \\ load mobile.html
    }else{ \\ load desktop.html }
});

或许如果有更好的方法，我主要想在移动设备上完全排除DOM中的一些元素，而不是仅用CSS隐藏它们。

由于

Answer 1

您可以更改文档位置。有关位置对象here的更多信息。

我不会等待你的代码加载文档，而是直接运行它。

if (window.matchMedia("(min-width: 600px)").matches) {
  document.location.pathname = "desktop.html";
} else {
  document.location.pathname = "mobile.html";
}

Answer 2

正如wnbates所说，你只需要使用

document.location.pathname='url';

根据您的情况，使用条件

window.matchMedia('(min-width: Npx)').matches

请注意，您可以使用多个if else条件来匹配不同的宽度。但是，您可能需要使用<，>，=运算符。

如果有可能用jQuery onLoad函数来加载特定的页面？

2 个答案: