El evento onresize ocurre cuando se cambia el tamaño de la ventana o el marco.
gramática
1. En HTML :
< elemento onresize =" Algún código JavaScript ">
2. En JavaScript:
window.onresize =función(){ Algún código JavaScript };
PD: agregue una función directamente al cambio de tamaño de la ventana, ventana múltiple.οnresize=function(){}, la primera será sobrescrita por la posterior;
3. En jQuery:
$(window).resize(function(){
//code
}); PD:$(window).resize( Puede haber múltiples funciones(){}), cada una se ejecutará;
4. ¿Se ejecuta el cambio de tamaño varias veces cuando cambia la ventana?
La ejecución varias veces afectará su rendimiento e incluso hará que el navegador esté en un estado de animación suspendida. Esto se puede solucionar retrasando la ejecución del temporizador setTimeout. Sin embargo, para aquellas necesidades que requieren una respuesta inmediata de los cambios de ventana en la página, Usar un temporizador no puede resolver el problema. Razonable.
Los detalles se pueden encontrar en: https://www.runoob.com/jsref/event-onresize.html