Javascript 当页面超过宽度时刷新页面

Javascript 当页面超过宽度时刷新页面,javascript,jquery,html,css,web,Javascript,Jquery,Html,Css,Web,我有一个网站,我需要刷新页面时,它通过1024像素的宽度。有可能吗? 我需要这个,因为如果宽度小于1024 px,我将加载另一个脚本 也许是这样的 $(window).resize(function(){ if ($(window).width < 1024){ location.reload(); } } $(窗口)。调整大小(函数(){ 如果($(窗口).width

我有一个网站,我需要刷新页面时,它通过1024像素的宽度。有可能吗?
我需要这个,因为如果宽度小于1024 px,我将加载另一个脚本

也许是这样的

$(window).resize(function(){
  if ($(window).width < 1024){ 
    location.reload();
  }
}
$(窗口)。调整大小(函数(){
如果($(窗口).width<1024){
location.reload();
}
}

也许是这样的

$(window).resize(function(){
  if ($(window).width < 1024){ 
    location.reload();
  }
}
$(窗口)。调整大小(函数(){
如果($(窗口).width<1024){
location.reload();
}
}

听起来您需要刷新内容,而不仅仅是更改样式。如果是这种情况,您需要使用
window.matchMedia()

以下是您如何使用它:

var mq=window.matchMedia((最小宽度:500px)”;

matches属性根据查询结果返回true或false,例如

if (mq.matches) {
  // window width is at least 500px
} else {
  // window width is less than 500px
}

此代码段是。

听起来您需要刷新内容,而不仅仅是更改样式。如果是这种情况,您需要使用
window.matchMedia()

以下是您如何使用它:

var mq=window.matchMedia((最小宽度:500px)”;

matches属性根据查询结果返回true或false,例如

if (mq.matches) {
  // window width is at least 500px
} else {
  // window width is less than 500px
}

这段代码是。

当大小改变时,使用CSS媒体查询来改变内容和布局。是的,这是可能的。当大小改变时,使用CSS媒体查询来改变内容和布局。是的,这是可能的。对这一点的支持是零散的,纯CSS媒体查询可以控制内容加载。实际上,支持还不错(例如IE10及以上)所有其他现代浏览器都有完全的支持。IMHO,内容加载应该由JavaScript而不是CSS来完成。对这一点的支持是零散的,纯CSS媒体查询可以控制内容加载。事实上,支持还不错(如IE10及以上),所有其他现代浏览器都有完全的支持。IMHO,内容加载应该由JavaScript而不是CSS来完成。