javascript window.onresize页面加载

Question

我有一个脚本，根据屏幕大小显示不同的内容，它看起来像这样：

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

//Do something

}}

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

我刚刚对此进行了测试，显然在浏览器重新调整大小之前不会触发事件，这导致上述情况无法正常工作

Answer 1

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

//Do something

}};

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

Answer 2

使用jquery：

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

Answer 3

＆＃34; onresize＆＃34; function是一个事件侦听器，在用户调整其页面大小时触发。要使代码在页面加载时运行，您需要将其设置为触发页面加载事件（因为页面加载事件与resize事件不同）。

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