загрузить и изменить размер изображения JavaScript

Question

Я совмещаю нагрузку и функцию изменения размера в одном.

$(window).on("resize", function() { 
    if (window.innerWidth < 700) { 
     alert('hello'); 
    } 
}).resize(); 

Но я ищу код в простом JavaScript (без jQuery).

Как я могу создать это?

Answer 1

Вы можете сделать это путем добавления слушателя событий и вызывает функцию изменения размера:

window.addEventListener("resize", onResizeFunction); 

function onResizeFunction(){ 
//do whatever you want to do on resize event 
} 

То же самое для OnLoad события:

window.addEventListener("load", onLoadFunction); 

function onLoadFunction(){ 
//do the magic you want 
} 

Если вы хотите, чтобы вызвать функцию изменения размера, когда окна загружаются

window.addEventListener("load", onLoadFunction); 

function onLoadFunction(){ 
//do the magic you want 
onResizeFunction();// if you want to trigger resize function immediately, call it 

window.addEventListener("resize", onResizeFunction); 
} 

function onResizeFunction(){ 
//do whatever you want to do on resize event 
}