页面加载时javascript window.onresize

我有一个脚本，它根据屏幕大小显示不同的内容，如下所示：

window.onresize = function(event) {
if ((window.innerWidth > 750 && window.innerWidth < 1250))  {

//Do something

}}

当重新调整浏览器的大小时，上述操作绝对有效。我的问题是，如果用户打开窗口宽度为750的页面，我如何才能使上述功能正常工作

我刚刚对此进行了测试，很明显，在重新调整浏览器大小之前不会触发该事件，这导致使用jquery无法执行上述操作：

var onResizing = function(event) {
if ((window.innerWidth > 750 && window.innerWidth < 1250))  {

//Do something

}};

window.onresize = onResizing;
window.onload = onResizing;

$(document).ready( function(){
   if (window.innerWidth == 750) {
     // Do something
   } 
});

---

onresize函数是一个事件侦听器，当用户调整页面大小时触发。要使代码在页面加载时运行，您需要将其设置为在页面加载事件时触发，因为页面加载事件与调整大小事件是不同的事件

window.onload = function(event) {
    if ((window.innerWidth > 750 && window.innerWidth < 1250))  {
        //Do something
    }
}

---

为什么不改用媒体查询呢？我也推荐媒体查询。但是，如果您可以使用像JQuery这样的库，这将像$document.readyfunction{if window.innerWidth==750{//Do Something}一样简单@taylorc93-我需要支持旧浏览器，这就是为什么它不会做我想做的事情，并在重新调整大小时做一些事情。事实上，你否决了这一点，这只是证明你不理解被接受的解决方案：/我完全理解答案，这就是我接受它的原因。你错过了调整大小的元素，这是主要部分问题的关键。我只是想告诉你如何让它在加载时工作——因为你已经知道如何在调整大小时设置它。否决一个答案的理由是站不住脚的。