如果可能的话，使用jQuery onLoad函数来加载特定的页面

If it possible with jQuery onLoad function to load specific page?

本文关键字：加载 函数 jQuery 如果 使用 onLoad      更新时间：2023-09-26

我一直想知道这是否可能，而不是构建完全响应的网站。我想建立 2 个不同的网站，1 个用于手机（仅限小屏幕），其他用于平板电脑和台式机。

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

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

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

或者，如果有更好的方法，我主要感兴趣的是从移动设备上的 DOM 中完全排除某些元素，而不是仅使用 CSS 隐藏它们。

谢谢

您可以更改文档位置。有关位置对象的更多信息，请参阅此处。

我不会像在您的代码中那样等待文档加载，而是立即运行它。

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

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

document.location.pathname='url';

与您的条件，条件使用

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

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

相关文章：