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

Функция onresize - это прослушиватель событий, который срабатывает, когда пользователь изменяет размер своей страницы. Чтобы заставить ваш код работать при загрузке страницы, вам нужно настроить его для запуска события загрузки страницы (поскольку событие загрузки страницы - это другое событие из события изменения размера).

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