로드 결합 및 크기 조정 일반 JavaScript

Question

로드 및 크기 조정 기능을 하나로 결합했습니다.

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

하지만 일반 자바 스크립트 (jQuery없이)에서 코드를 찾고 있습니다.

어떻게 만들 수 있습니까?

window.addEventListener("resize", onResizeFunction); 

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

같은 일이 onLoad 이벤트를위한 것입니다 :

Answer 1

당신은 이벤트 리스너를 추가하고 크기 조정에 함수를 호출하여이 작업을 수행 할 수 있습니다

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 
}